Websitets dele i hovedlayouten i NextJS
Lad os se på vores websitets layout. Lige nu er der en kommando til indsættelse af den skiftende sideindhold:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Men et website har normalt også andre dele, der forbliver uændrede på tværs af forskellige sider. For eksempel kan dette være en header og en footer. Lad os tilføje dem til vores layout:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Tilføj til din projekts layout en blok med en header, en footer, samt med højre og venstre sidebjælker.
