Statický přenos metadat z obsahu v NextJS

Nyní se naučme nastavovat vlastní metadata pro každou URL. K tomu je potřeba exportovat objekt s metadaty ze souboru s obsahem webu.

Podívejme se, jak se to dělá. Předpokládejme, že máme nějakou komponentu s obsahem webu:

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

Nastavme metadata pro URL, která odpovídá našemu souboru s obsahem:

src/app/test/page.jsxexport const metadata = {
  title: 'Moje testovací stránka',
  description: 'Popis pro testovací stránku.',
}

export default function Test() {
  return <h1>testovací komponenta</h1>;
}