Προκαθορισμένο Layout στο NextJS

Στο προηγούμενο μάθημα ανακαλύψαμε, ότι πρέπει να έχουμε ένα γενικό layout του ιστότοπου, στο οποίο εισάγεται το περιεχόμενο, ο τίτλος και η meta-περιγραφή της σελίδας. Στο NextJS υπάρχει από προεπιλογή ένα αρχείο με το γενικό layout του ιστότοπου. Βρίσκεται στο αρχείο app/layout.jsx.

Μετά την εγκατάσταση, το αρχείο με το layout έχει ήδη κάποιο κώδικα. Αυτός ο κώδικας, ωστόσο, περιέχει πολλά περιττά. Ας δημιουργήσουμε ένα ελάχιστο layout ιστότοπου, στο οποίο θα είναι εύκολο να κατανοήσουμε. Για να το κάνετε αυτό, ανοίξτε το αρχείο του layout, διαγράψτε τα πάντα από αυτό και εισάγετε το ακόλουθο:

export const metadata = {
	title: 'Test site',
	description: 'This is my page description.',
};

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

Διορθώστε το προεπιλεγμένο περιεχόμενο στο κύριο layout του ιστότοπου.