Svetainės dalys pagrindiniame makete NextJS
Pažiūrėkime į mūsų svetainės maketą. Šiuo metu jame nurodyta komanda keičiamo puslapio turinio įterpimui:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Tačiau, svetainėje paprastai būna ir kitų dalių, kurios lieka nepakitusios skirtingiems puslapiams. Pavyzdžiui, tai gali būti viršutinė antraštė ir poraštė. Pridėkime jas į mūsų maketą:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Pridėkite į savo projekto maketą bloką su viršutine antrašte, porašte, taip pat su dešiniuoju ir kairiuoju šoniniais skydeliais.