Bahagian Laman Web dalam Layout Utama NextJS
Mari kita lihat layout laman web kita. Sekarang, ia mengandungi arahan untuk memasukkan kandungan halaman yang berubah:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Walau bagaimanapun, laman web biasanya mempunyai bahagian lain yang kekal tidak berubah untuk pelbagai halaman. Sebagai contoh, ia mungkin ialah header dan footer. Mari tambahkan mereka ke dalam layout kami:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Tambahkan ke dalam layout projek anda blok dengan header, footer, serta sidebar kanan dan kiri.
