Statische Übertragung von Metadaten aus dem Inhalt in NextJS

Lassen Sie uns nun lernen, wie man eigene Metadaten für jede URL festlegt. Dazu muss das Objekt mit den Metadaten aus der Datei mit dem Seiteninhalt exportiert werden.

Lassen Sie uns sehen, wie das gemacht wird. Nehmen wir an, wir haben eine bestimmte Komponente mit dem Seiteninhalt:

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

Legen wir die Metadaten für die URL fest, die unserer Inhaltsdatei entspricht:

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