Set metadata inside server-side component #64366

gquagliano · 2024-04-11T20:39:14Z

gquagliano
Apr 11, 2024

Hello!

I usually need the same data to render the page content and to generate metadata, for example, the page title. Therefore, with generateMetadata, the same data is fetched twice in every request. I understand fetch is cached, but I'm using Prisma. Example:

export async function generateMetadata({ path }) {
    const page = await getPageContent(path);
    return {
        title: page.title
    };
}

export default async function Page({ path }) {
    const page = await getPageContent(path);
    return (
        <main>
            <h1>{page.title}</h1>
            <p>{page.description}</p>
        </main>
    );
}

Is there a way to set metadata inside Page? Or do this in a way where getPageContent is called once? And use headers() inside generateMetadata?

If caching is to be used, keep in mind that this can be user-specific, and also host-specific (using headers().get("host") to determine the content to display).

Thank you.

gquagliano · 2024-04-11T22:11:39Z

gquagliano
Apr 11, 2024
Author

So I just realized that if you include a <title> tag, it gets moved to the <head> section of the rendered HTML. No need to include <head> (it will stay where you placed it in the document structure). So that's the answer.

0 replies

zalodias · 2025-02-01T16:43:50Z

zalodias
Feb 1, 2025

There's an issue with including a <title> tag in the component. If you defined global metadata for all your pages (i.e. in layout.tsx), the <title> of the page will be added instead of replaced. So you'll have 2 <title> tags inside the <head> markup.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Set metadata inside server-side component #64366

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 2 comments

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

Select a reply

Set metadata inside server-side component #64366

gquagliano Apr 11, 2024

Replies: 2 comments

gquagliano Apr 11, 2024 Author

zalodias Feb 1, 2025

gquagliano
Apr 11, 2024

gquagliano
Apr 11, 2024
Author

zalodias
Feb 1, 2025