Časti webstránky v hlavnom layout-e v NextJS
Pozrime sa na náš layout webstránky. Momentálne je v ňom príkaz na vloženie meniaceho sa obsahu stránky:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Avšak, na webstránke zvyčajne sú aj iné časti, ktoré zostávajú nezmenené pre rôzne stránky. Napríklad to môže byť header a footer. Pridajme ich do nášho layout-u:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Pridajte do layout-u vášho projektu blok s header-om, footer-om, ako aj s pravým a ľavým sidebar-om.
