Сайтнинг асосий макетаги қисмлари 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>
	);
}

Лойиҳангизнинг макетига хедер, футер, шунингдек ўнг ва чап сайдбарлар билан блок қўшинг.