Metadati nel layout principale del sito in NextJS

Quindi, nella lezione precedente abbiamo scoperto che ci sono vari modi per inserire i metadati. Il più semplice è impostarli nel file di layout utilizzando la seguente costruzione:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

In questo caso, il titolo e la meta descrizione cambieranno con quelli da noi specificati. Tuttavia, questo approccio ha un problema sostanziale. Consiste nel fatto che i metadati sono rigidamente incorporati nel layout principale del sito. Cioè, risulta che per ogni URL saranno gli stessi. Ciò non è corretto sia dal punto di vista SEO, sia dal punto di vista dell'usabilità del sito.