Statiese Oordrag van Metadata vanaf Inhoud in NextJS

Laat ons nou leer hoe om eie metadata vir elke URL te stel. Hiervoor sal die objek met metadata uit die lêer met die webwerf se inhoud uitgevoer moet word.

Kom ons kyk hoe dit gedoen word. Gestel ons het 'n sekere komponent met die webwerf se inhoud:

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

Laat ons metadata vir die URL stel, wat ooreenstem met ons lêer met inhoud:

src/app/test/page.jsxexport const metadata = {
  title: 'My Toetsbladsy',
  description: 'Beskrywing vir die toetsbladsy.',
}

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