Deli spletnega mesta v glavni postavitvi v NextJS
Poglejmo si našo postavitev spletnega mesta. Trenutno vsebuje ukaz za vstavljanje spreminjajoče se vsebine strani:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Vendar ima spletno mesto običajno še druge dele, ki ostanejo nespremenjeni za različne strani. Na primer, to so lahko glava (header) in noga (footer). Dodajmo jih v našo postavitev:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Dodajte v postavitev vašega projekta blok z glavo (header), nogo (footer), ter z desno in levo stransko vrstico (sidebar).