Макет па змаўчанні ў 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>
);
}
Выправіце змесціва па змаўчанні у асноўным макеце сайта.