Макет по подразбиране в NextJS

В предишния урок разбрахме, че трябва да имаме общ макет на сайта, в който се вмъква съдържанието, заглавието и мета-описанието на страницата. В NextJS по подразбиране вече има файл с общ макет на сайта. Намира се във файла app/layout.jsx.

След инсталацията във файла с макета вече има някакъв код. Този код обаче съдържа много излишни неща. Нека направим минимален макет на сайта, в който е лесно да се ориентираме. За това отворете файла с макета, изтрийте от него всичко и вмъкнете следното:

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>
	);
}

Коригирайте съдържанието по подразбиране в основния макет на сайта.