Layout-ul implicit în NextJS

În lecția precedentă, am aflat că ar trebui să avem un layout general al site-ului, în care se inserează conținutul, titlul și descrierea meta a paginii. În NextJS, există deja implicit un fișier cu layout-ul general al site-ului. Acesta se află în fișierul app/layout.jsx.

După instalare, în fișierul cu layout există deja un cod. Acest cod, totuși, conține multe lucruri inutile. Haideți să facem un layout minimal al site-ului, în care va fi ușor de înțeles. Pentru aceasta, deschideți fișierul cu layout, ștergeți din el tot și inserați următoarele:

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