Sayt maketinde kontent NextJS-də
Keçən dərsdə nəzərdən keçirməyə başladığımız saytın əsas maketini nəzərdən keçirək:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
Gördüyünüz kimi, sayt maketi
funksiyalı komponentdir. Eyni zamanda
funksiyaya obyekt parametr kimi ötürülür,
ondan biz uyğun dəyişənə children
açarını çıxarırıq.
Bu dəyişəndə
sorğu edilən URL-ə uyğun gələn
page.jsx faylının məzmunu saxlanılır.
Yəni layout.jsx faylında bizim
sayt maketi saxlanılır, children
dəyişəni vasitəsilə isə biz
səhifə kontentinin daxil edilməli olduğu
yeri sayt maketində göstəririk.
Nümunə üçün gəlin səhifə kontentini hansısa teqdə tərtib edək:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Saytınızın kontentini
main teqində tərtib edin.
