Saytning asosiy layoutidagi qismlari NextJSda
Keling, saytimizning layoutiga nazar tashlaylik. Hozirda unda o'zgaruvchan sahifa kontentini kiritish uchun buyruq belgilangan:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Biroq, saytda odatda boshqa qismlar ham bo'ladi, ular turli sahifalar uchun o'zgarmas qoladi. Masalan, ular header va footer bo'lishi mumkin. Keling, ularni bizning layoutimizga qo'shamiz:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Loyihangizning layoutiga header, footer, shuningdek o'ng va chap sidebar bloklarini qo'shing.
