How to create dynamic page title in Next 13 app dir

Question

I have a server component below, I want the page name to be the project name from the respionse.export const metadata: Metadata = {
  
  //dynamic page title goes here
  title: "",
  description: "",
};

export default async function Project({
  params: { slug },
}: {
  params: { slug: string };
}) {
  const project: ProjectProps = await getProject(slug);
...With my current code, I'm not sure there's a way I can do that. I tried using the <Head> from next/head but it doesn't work at all.What can I do?

riský · Accepted Answer

generateMetadata: https://nextjs.org/docs/app/api-reference/functions/generate-metadata#generatemetadata-function

How to create dynamic page title in Next 13 app dir

1 Reply