Staattinen metatietojen välittäminen sisällöstä NextJS:ssä

Opitaan nyt asettamaan omat metatiedot jokaiselle URL-osoitteelle. Tätä varten metatietoja sisältävä objekti tulee eksportata sivuston sisältötiedostosta.

Katsotaan, kuinka tämä tehdään. Oletetaan, että meillä on jokin komponentti sivuston sisällöllä:

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

Asetetaan metatiedot URL-osoitteelle, joka vastaa sisältötiedostoamme:

src/app/test/page.jsxexport const metadata = {
  title: 'Minun testisivu',
  description: 'Kuvaus testisivulle.',
}

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