Standardlayout i NextJS
I föregående lektion fick vi reda på
att vi bör ha en gemensam layout
för webbplatsen, där innehållet,
titeln och metasidan för sidan infogas.
NextJS har redan en standard
fil med gemensam webbplatslayout.
Den finns i filen app/layout.jsx.
Efter installationen finns det redan viss kod i layoutfilen. Denna kod innehåller dock mycket överflödigt. Låt oss skapa en minimal webbplatslayout som är lätt att förstå. Öppna layoutfilen, ta bort allt innehåll och klistra in följande:
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>
);
}
Rätta standardinnehållet i webbplatsens huvudsakliga layout.
