Делови од веб-страницата во главниот layout во NextJS

Ајде да го погледнеме нашиот layout на веб-страницата. Моментално во него е наведена команда за вметнување на променливата содржина на страницата:

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

Сепак, на веб-страницата обично има и други делови кои остануваат непроменети за различните страници. На пример, тоа може да бидат header и footer Ајде да ги додадеме во нашиот layout:

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

Додадете во layout-от на вашиот проект блок со header, footer, како и со десен и лев sidebar.