Transmission statique des métadonnées du contenu dans NextJS
Apprenons maintenant à définir nos propres métadonnées pour chaque URL. Pour cela, l'objet contenant les métadonnées devra être exporté depuis le fichier contenant le contenu du site.
Voyons comment cela se fait. Supposons que nous ayons un certain composant avec le contenu du site :
export default function Test() {
return <h1>test component</h1>;
}
Définissons les métadonnées pour l'URL correspondant à notre fichier de contenu :
export const metadata = {
title: 'My Test page',
description: 'Description for test page.',
}
export default function Test() {
return <h1>test component</h1>;
}
Créez trois pages sur votre site :
/about, /price, /contacts.
Ajoutez du texte sur ces pages.
Créez des métadonnées spécifiques
pour chaque page.