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:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
Korrigieren Sie den Standardinhalt im Hauptlayout der Website.
