Sehemu za Tovuti kwenye Muundo Mkuu katika NextJS
Wacha tuangalie muundo wa tovuti yetu. Kwa sasa imeonyeshwa amri ya kuingiza yaliyomo yanayobadilika ya ukurasa:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Hata hivyo, kwenye tovuti kwa kawaida kuna sehemu zingine ambazo hubaki bila kubadilika kwa kurasa mbalimbali. Kwa mfano, hizi zinaweza kuwa kichwa (header) na kijiko (footer) Wacha tuziongeze kwenye muundo wetu:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Ongeza kwenye muundo wa mradi wako kizuizi cha kichwa (header), kijiko (footer), na pia upande wa kulia na wa kushoto wa sidebars.