Dynamic Metadata
Dynamic metadata is useful for product pages, blog posts, documentation, and other content-driven routes.
The metadata should accurately represent the page that the user is visiting. This improves search presentation and social sharing quality.
Metadata generation can depend on route parameters and server-side data.
Dynamic Product Metadata
export async function generateMetadata({
params
}: {
params: Promise<{ id: string }>;
}) {
const { id } = await params;
const product = await getProduct(id);
return {
title: product.name,
description: product.description
};
}💡 Metadata is generated using the product associated with the current dynamic route.
Key Takeaways
- Dynamic metadata should correspond to dynamic content.
- Metadata generation can use server-side data.
- Missing content should be handled gracefully.