Delovi sajta u glavnom layout-u u NextJS
Pogledajmo naš layout sajta. Trenutno je u njemu navedena komanda za umetanje promenljivog sadržaja stranice:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Međutim, na sajtu obično postoje i drugi delovi koji ostaju nepromenjeni za različite stranice. Na primer, to mogu biti heder i futer. Dodajmo ih u naš layout:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Dodajte u layout vašeg projekta blok sa hederom, futerom, kao i sa desnim i levim saјdbarom (bočnom trakom).
