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:
{
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:
export 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.
