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:

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>
  );
}