Standard-Layout in NextJS

In der vorherigen Lektion haben wir festgestellt, dass es ein allgemeines Layout der Website geben muss, in das der Inhalt, der Titel und die Meta-Beschreibung der Seite eingefügt werden. NextJS hat standardmäßig bereits eine Datei mit dem allgemeinen Website-Layout. Sie befindet sich in der Datei app/layout.jsx.

Nach der Installation enthält die Layout-Datei bereits etwas Code. Dieser Code enthält jedoch viel Überflüssiges. Lassen Sie uns ein minimales Website-Layout erstellen, das leicht zu verstehen ist. Öffnen Sie dazu die Layout-Datei, löschen Sie allen Inhalt und fügen Sie Folgendes ein:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

export default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}