Layout Predefinito in NextJS

Nella lezione precedente abbiamo scoperto che dovremmo avere un layout generale del sito, in cui vengono inseriti i contenuti, il titolo e la meta-descrizione della pagina. In NextJS c'è già un file con il layout generale del sito per impostazione predefinita. Si trova nel file app/layout.jsx.

Dopo l'installazione, il file di layout contiene già del codice. Tuttavia, questo codice contiene molto superfluo. Creiamo un layout sito minimale, in cui sia facile orientarsi. Per fare questo, aprite il file di layout, eliminate tutto il suo contenuto e inserite quanto segue:

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