კონტენტი საიტის ლეიაუტში NextJS-ში

განვიხილოთ საიტის ძირითადი ლეიაუტი, რომლის განხილვაც დავიწყეთ წინა გაკვეთილში:

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

როგორც ხედავთ, საიტის ლეიაუტი წარმოადგენს კომპონენტს ფუნქციით. ამასთან, ფუნქციის პარამეტრად გადაეცემა ობიექტი, საიდანაც ვიღებთ გასაღებს children შესაბამის ცვლადში. ამ ცვლადში ინახება ფაილის page.jsx შიგთავსი, რომელიც შესაბამისობაშია მოთხოვნილ URL-თან.

ანუ ფაილში layout.jsx ჩვენთან ინახება საიტის ლეიაუტი, ხოლო ცვლადის children საშუალებით ჩვენ ვმითითებთ ადგილს საიტის ლეიაუტში, რომელშიც უნდა ჩასვათ გვერდის კონტენტი.

მაგალითისთვის მოდით, გვერდის კონტენტი გავაფორმოთ რაიმე ტეგში:

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