Trasmissione Statica dei Metadati dal Contenuto in NextJS

Ora impariamo a impostare i propri metadati per ogni URL. Per fare ciò, l'oggetto con i metadati dovrà essere esportato dal file con il contenuto del sito.

Vediamo come si fa. Supponiamo di avere un certo componente con il contenuto del sito:

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

Impostiamo i metadati per l'URL, corrispondente al nostro file con il contenuto:

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