Deler av nettstedet i hovedlayouten i NextJS
La oss se på layouten til nettstedet vårt. For øyeblikket er det angitt en kommando for innsetting av det skiftende innholdet på siden:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Imidlertid har et nettsted vanligvis også andre deler som forblir uendret for ulike sider. For eksempel kan dette være header og footer. La oss legge dem til i layouten vår:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Legg til i layouten til prosjektet ditt en blokk med header, footer, samt med høyre og venstre sidefelt.
