Метаданные в основном макете сайта в NextJS

Итак, в предыдущем уроке мы выяснили, что есть различные способы вставки метаданных. Самый простой из них - это задать их в файле макета с помощью следующей конструкции:

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

В этом случае тайтл и метаописание поменяются на указанные нами. Однако, такой подход имеет существенную проблему. Она заключается в том, что метаданные жестко зашиты в основном макете сайта. To есть получается, что для каждого URL они будут одинаковыми. Это неправильно и с точки зрения SEO, и с точки зрения удобства использования сайта.