Metadati in NextJS

Ora diamo un'occhiata a come aggiungere il titolo e la meta descrizione alla pagina. In NextJS, la gestione di questi elementi avviene in modo congiunto, quindi vengono chiamati con un'unica parola generale: metadati.

I metadati sono impostati utilizzando un oggetto speciale che contiene il titolo e la meta descrizione:

app/layout.jsx{
  title: '...',
  description: '...',
};

In questo modo, NextJS stesso si occuperà di inserire i metadati nei tag corrispondenti. Non dobbiamo preoccuparcene noi. Ecco perché nel layout principale del sito è assente il tag head, in quanto verrà generato automaticamente:

app/layout.jsxexport default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}

Esistono vari modi per impostare i metadati. Li studieremo nelle prossime lezioni.