Կայքի մասերը հիմնական դասավորության մեջ NextJS-ում

Եկեք նայենք մեր կայքի դասավորությանը։ Այժմ դրանում նշված է փոփոխվող էջի բովանդակությունը տեղադրելու հրամանը.

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

Սակայն, կայքում սովորաբար կան նաև այլ մասեր, որոնք մնում են անփոփոխ տարբեր էջերի համար։ Օրինակ, դրանք կարող են լինել գլխամասը և ներքևի հատվածը։ Եկեք ավելացնենք դրանք մեր դասավորության մեջ.

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

Ավելացրեք ձեր նախագծի դասավորությանը բլոկ գլխամասով, ներքևի հատվածով, ինչպես նաև աջ և ձախ կողային վահանակներով։