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:
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>
);
}
Korjaa oletusarvoinen sisältö pääasettelussa.
