Metadaten in NextJS

Lassen Sie uns nun betrachten, wie man einer Seite einen Titel und eine Meta-Beschreibung hinzufügt. In NextJS werden sie gemeinsam behandelt und daher mit dem allgemeinen Begriff Metadaten bezeichnet.

Metadaten werden über ein spezielles Objekt definiert, das Titel und Beschreibung enthält:

app/layout.jsx{
  title: '...',
  description: '...',
};

NextJS fügt die Metadaten automatisch in die entsprechenden Tags ein. Wir müssen uns nicht darum kümmern. Deshalb fehlt im Hauptlayout der Website das head-Tag, da es automatisch generiert wird:

app/layout.jsxexport default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}

Es gibt verschiedene Möglichkeiten, Metadaten zu definieren. Diese werden wir in den folgenden Lektionen lernen.