Saytın hissələri əsas layout-da NextJS-də
Gəlin saytımızın layoutuna nəzər salaq. Hal-hazırda onda dəyişən səhifə məzmununun daxil edilməsi üçün əmr göstərilib:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Lakin, saytda adətən müxtəlif səhifələr üçün dəyişməyən digər hissələr də olur. Məsələn, bu header və footer ola bilər. Gəlin onları layoutumuza əlavə edək:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Layihənizin layoutuna header, footer, həmçinin sağ və sol sidebar bloklarını əlavə edin.