SEO Page

import type { Metadata } from "next";
// ...other imports

export const metadata: Metadata = {
  title: "ultimate-boilerplate-code",
  description: "ultimate-boilerplate-code",
};

export const metadata = {
  title: "Main | Boilerplate",
  description: "Main section of the Boilerplate app.",
};

export const metadata = {
  title: "Blog | Boilerplate",
  description: "Read the latest blog posts and updates from Boilerplate.",
};

export const metadata = {
  title: "Privacy Policy | Boilerplate",
  description: "Read our privacy policy to understand how we handle your data.",
};

import type { Metadata } from "next";
// ...other imports

export async function generateMetadata({ params }: { params: { id: string } }): Promise<Metadata> {
  const blog = await cmsService.blogs.getById(params.id);
  if (!blog) {
    return {
      title: "Blog Not Found",
      description: "The requested blog post could not be found.",
    };
  }
  return {
    title: `${blog.title} | Your Blog Name`,
    description: blog.description,
    openGraph: {
      title: blog.title,
      description: blog.description,
      type: "article",
      publishedTime: blog.publishedDate,
      images:
        typeof blog.featuredImage === "string"
          ? [blog.featuredImage]
          : blog.featuredImage?.url
            ? [blog.featuredImage.url]
            : [],
    },
  };
}

export const metadata = {
  title: "New Page Title",
  description: "A new description for this page.",
};

export async function generateMetadata({ params }) {
  // ...fetch or compute new metadata
  return {
    title: "Updated Title",
    description: "Updated description.",
    // ...other fields
  };
}