Standard layout i NextJS
I forrige leksjon fant vi ut
at vi bør ha en felles layout
for nettstedet, der innholdet,
tittelen og meta-beskrivelsen for siden settes inn.
NextJS har allerede en standard
fil med felles layout for nettstedet.
Den finnes i filen app/layout.jsx.
Etter installasjon er det allerede noen kode i layout-filen. Denne koden inneholder imidlertid mye overflødig. La oss lage en minimal nettstedlayout som er enkel å forstå. For å gjøre dette, åpne layout-filen, slett alt innhold og lim inn følgende:
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>
);
}
Korriger standardinnholdet i hovedlayouten for nettstedet.
