0 Tage Serie
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
javascript
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.