Statično prenašanje metapodatkov iz vsebine v NextJS

Zdaj se naučimo, kako nastaviti lastne metapodatke za vsak URL. Za to je treba objekt z metapodatki izvoziti iz datoteke z vsebino spletnega mesta.

Poglejmo, kako se to naredi. Recimo, da imamo neko komponento z vsebino spletnega mesta:

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

Nastavimo metapodatke za URL, ki ustreza naši datoteki z vsebino:

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>;
}