NextJS'теги негизги макеттеги сайттын бөлүктөрү

Келгиле, биздин сайттын макетине карап көрөлү. Азыр анда өзгөрүп турган барак мазмунун киргизүү буйругу көрсөтүлгөн:

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

Бирок, сайтта дагы башка бөлүктөр болуп, алар ар кандай барактар үчүн өзгөрбөйт. Мисалы, булар header жана footer болушу мүмкүн. Келгиле, аларды биздин макетке кошолу:

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

Сиздин долбоордун макетине header, footer, ошондой эле оң жана сол сайдбарлар менен блок кошуңуз.