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:

app/layout.jsxexport 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:

app/layout.jsxexport default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        <main>
          {children}
        </main>
      </body>
    </html>
  );
}