Části webu v hlavním layoutu v NextJS
Podívejme se na náš layout webu. Nyní je v něm uveden příkaz pro vložení měnícího se obsahu stránky:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Avšak na webu obvykle jsou ještě i další části, které zůstávají nezměněny pro různé stránky. Například to mohou být hlavička a patička. Pojďme je přidat do našeho layoutu:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Přidejte do layoutu vašeho projektu blok s hlavičkou, patičkou, a také s pravým a levým bočním panelem.
