Oletusasettelu NextJS:ssä

Edellisessä oppitunnissa havaitsimme, että meillä tulee olla verkkosivuston yleisasettelu, johon sisältö, otsikko ja sivun metakuvaus upotetaan. NextJS:ssä on jo oletusarvoisesti tiedosto verkkosivuston yleisasettelua varten. Se sijaitsee tiedostossa app/layout.jsx.

Asennuksen jälkeen asettelutiedostossa on jo joitain koodia. Tämä koodi kuitenkin sisältää paljon tarpeetonta. Tehdään minimaalinen verkkosivuston asettelu, josta on helppo ymmärtää. Avaa tätä varten asettelutiedosto, poista siitä kaikki ja liitä seuraava:

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