Części strony w głównym układzie w NextJS
Spójrzmy na nasz układ strony. Obecnie znajduje się w nim polecenie wstawienia zmieniającej się treści strony:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Jednak na stronie zwykle znajdują się jeszcze inne części, które pozostają niezmienne dla różnych stron. Na przykład, mogą to być nagłówek i stopka. Dodajmy je do naszego układu:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Dodaj do układu swojego projektu blok z nagłówkiem, stopką, a także z prawym i lewym paskiem bocznym.
