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:

src/app/test/page.jsxexport default function Test() {
  return <h1>test component</h1>;
}

Laten we metadata instellen voor de URL die overeenkomt met ons bestand met inhoud:

src/app/test/page.jsxexport const metadata = {
  title: 'Mijn Testpagina',
  description: 'Beschrijving voor testpagina.',
}

export default function Test() {
  return <h1>test component</h1>;
}