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:
export default function Test() {
return <h1>test component</h1>;
}
Legen wir die Metadaten für die URL fest, die unserer Inhaltsdatei entspricht:
export const metadata = {
title: 'My Test page',
description: 'Description for test page.',
}
export default function Test() {
return <h1>test component</h1>;
}
Erstellen Sie auf Ihrer Website drei Seiten:
/about, /price, /contacts.
Fügen Sie auf diesen Seiten einen beliebigen Text hinzu.
Erstellen Sie für jede Seite eigene
Metadaten.
