Pjesët e faqes në layout-in kryesor në NextJS
Le të shohim në layout-in tonë të faqes. Tani në të është specifikuar komanda për futjen e përmbajtjes së ndryshueshme të faqes:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Megjithatë, në një faqe web zakonisht ka edhe pjesë të tjera që mbeten të pandryshuara për faqe të ndryshme. Për shembull, këto mund të jenë header-i dhe footer-i. Le t'i shtojmë ato në layout-in tonë:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Shtoni në layout-in e projektit tuaj bllokun me header, footer, si dhe me sidebar-et e djathtë dhe të majtë.
