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:
{
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:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
Esistono vari modi per impostare i metadati. Li studieremo nelle prossime lezioni.