Макет по подразбиране в 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>
  );
}