Sehemu za Tovuti kwenye Muundo Mkuu katika NextJS

Wacha tuangalie muundo wa tovuti yetu. Kwa sasa imeonyeshwa amri ya kuingiza yaliyomo yanayobadilika ya ukurasa:

app/layout.jsxexport 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:

app/layout.jsxexport default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        <header>
          header
        </header>
        <main>
          {children}
        </main>
        <footer>
          footer
        </footer>
      </body>
    </html>
  );
}