Статическая передача метаданных из контента в NextJS

Давайте теперь научимся задавать свои метаданные для каждого URL. Для этого объект с метаданными нужно будет экспортировать из файла с контентом сайта.

Давайте посмотрим, как это делается. Пусть у нас есть некоторый компонент с контентом сайта:

src/app/test/page.jsxexport default function Test() {
  return <h1>test component</h1>;
}

Зададим метаданные для URL, соответствующего нашему файлу с контентом:

src/app/test/page.jsxexport const metadata = {
  title: 'My Test page',
  description: 'Description for test page.',
}

export default function Test() {
  return <h1>test component</h1>;
}