Delar av webbplatsen i huvudlayouten i NextJS
Låt oss titta på vår webbplatslayout. För närvarande innehåller den ett kommando för att infoga det föränderliga sidinnehållet:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Men på en webbplats finns det vanligtvis även andra delar som förblir oförändrade för olika sidor. Till exempel kan det vara header och footer. Låt oss lägga till dem i vår layout:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Lägg till i din projekts layout ett block med header, footer, samt med höger och vänster sidebar.
