Сайт бөліктерін негізгі макетте 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>
	);
}

Жобаңыздың макетіне хедер, футер, сондай-ақ оң және сол сайдбарлармен блок қосыңыз.