Макет па змаўчанні ў NextJS

У папярэднім уроке мы высветлілі, што ў нас павінен быць агульны макет сайта, у які ўстаўляецца кантэнт, тайтл і мета-апісанне старонкі. У NextJS па змаўчанні ўжо ёсць файл з агульным макетам сайта. Ён знаходзіцца ў файле app/layout.jsx.

Пасля ўстаўкі ў файле з макетам ужо ёсць нейкі код. Гэты код, аднак, змяшчае многа лішняга. Давайце зробім мінімальны макет сайта, у якім лёгка будзе разабрацца. Для гэтага адкрыйце файл з макетам, выдаліце з яго ўсё і ўстаўце наступнае:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

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