Dynamic metadata in nextjs

June 27, 2024

This post is 1 year old — some details may be outdated.

// use for somewhere need
import { cache } from "react";

export const getPost = cache(() => {
    console.log("called getPost()");
    return "post";
});

// use in page
import { Metadata } from "next";

export function generateMetadata(): Metadata {
    const posts = getPost();

    return {
        title: "title",
    };
}

const Page = async () => {
    const posts = getPost();

    return <article>{"article"}</article>;
};

export default Page;