javascript / intermediate
Snippet
Dynamische Metadaten-Generierung
Die Funktion generateMetadata ermöglicht es Ihnen, SEO-freundliche Tags dynamisch basierend auf Routenparametern oder abgerufenen Daten zu erstellen.
snippet.js
1
2
3
4
5
6
7
export async function generateMetadata({ params }) {const product = await getProduct(params.id);return {title: product.name,description: `Buy ${product.name} at the best price.`};}
nextjs
Erklärung
1
export async function generateMetadata
Definiert eine asynchrone Funktion, die Next.js verwendet, um Seiten-Metadaten aufzulösen.
2
const product = await getProduct(params.id)
Ruft dynamische Daten unter Verwendung der in den URL-Parametern angegebenen ID ab.