Макет по умолчанию в 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>
  );
}