Μέρη ιστοτόπου στο κύριο 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 του project σας ένα μπλοκ με header, footer, καθώς και με δεξιά και αριστερά sidebar.