Sivuston osat pääasettelussa NextJS:ssä
Katsotaanpa sivustomme asettelua. Tällä hetkellä siinä on komento muuttuvan sivusisällön lisäämiseksi:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Kuitenkin sivustolla on yleensä myös muita osia, jotka pysyvät muuttumattomina eri sivuilla. Esimerkiksi nämä voivat olla ylätunniste ja alatunniste. Lisätään ne asetteluumme:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Lisää projektisi asetteluun lohko ylätunnisteella, alatunnisteella, sekä oikealla ja vasemmalla sivupalkilla.
