Statický prenos metadát z obsahu v NextJS

Poďme sa teraz naučiť, ako nastaviť vlastné metadáta pre každú URL. Na to je potrebné exportovať objekt s metadátami zo súboru s obsahom stránky.

Pozrime sa, ako sa to robí. Predpokladajme, že máme nejaký komponent s obsahom stránky:

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

Nastavme metadáta pre URL, ktorá zodpovedá nášmu súboru s obsahom:

src/app/test/page.jsxexport const metadata = {
  title: 'My Test page',
  description: 'Description for test page.',
}

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