Часткі сайта ў асноўным макете ў 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>
	);
}

Дадайце ў макет вашага праекта блок з хэдэрам, футарам, а таксама з правым і левым сайдбарамі.