Statiniai metaduomenų perdavimas iš turinio į NextJS

Dabar išmokime nustatyti savo metaduomenis kiekvienam URL. Tam metaduomenų objektas turės būti eksportuojamas iš svetainės turinio failo.

Pažiūrėkime, kaip tai daroma. Tarkime, kad turime tam tikrą komponentą su svetainės turiniu:

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

Nustatykime metaduomenis URL, kuris atitinka mūsų failą su turiniu:

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>;
}
Задание 1

Sukurkite savo svetainėje tris puslapius: /about, /price, /contacts. Pridėkite į šiuos puslapius kokį nors tekstą. Kiekvienam puslapiui sukurkite savo metaduomenis.