Statische overdracht van metadata van inhoud in NextJS
Laten we nu leren hoe we eigen metadata voor elke URL kunnen instellen. Hiervoor moet het object met metadata geëxporteerd worden uit het bestand met de site-inhoud.
Laten we eens kijken hoe dit wordt gedaan. Stel dat we een bepaalde component met site-inhoud hebben:
export default function Test() {
return <h1>test component</h1>;
}
Laten we metadata instellen voor de URL die overeenkomt met ons bestand met inhoud:
export const metadata = {
title: 'Mijn Testpagina',
description: 'Beschrijving voor testpagina.',
}
export default function Test() {
return <h1>test component</h1>;
}
Maak drie pagina's op je site:
/about, /price, /contacts.
Voeg wat tekst toe op deze pagina's.
Maak voor elke pagina eigen
metadata.
