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

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

export default function RootLayout({children}) {
	return (
		<html lang="en">
			<body>
				{children}
			</body>
		</html>
	);
}

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

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

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

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

თქვენი საიტის კონტენტი გააფორმეთ ტეგში main.