Transmissão Estática de Metadados do Conteúdo para NextJS

Vamos agora aprender a definir seus próprios metadados para cada URL. Para isso, o objeto com metadados precisará ser exportado do arquivo com o conteúdo do site.

Vamos ver como isso é feito. Suponha que temos algum componente com o conteúdo do site:

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

Vamos definir metadados para a URL, correspondente ao nosso arquivo de conteúdo:

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>;
}