Părți ale site-ului în layout-ul principal în NextJS
Să ne uităm la layout-ul site-ului nostru. Acum este specificată comanda pentru inserarea conținutului variabil al paginii:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Cu toate acestea, pe un site sunt de obicei și alte părți care rămân neschimbate pentru diferite pagini. De exemplu, acestea pot fi header-ul și footer-ul. Să le adăugăm în layout-ul nostru:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Adăugați în layout-ul proiectului dvs. un bloc cu header, footer, precum și cu sidebare-uri dreapta și stânga.
