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:
export default function Test() {
return <h1>test component</h1>;
}
Impostiamo i metadati per l'URL, corrispondente al nostro file con il contenuto:
export const metadata = {
title: 'My Test page',
description: 'Description for test page.',
}
export default function Test() {
return <h1>test component</h1>;
}
Create tre pagine sul vostro sito:
/about, /price, /contacts.
Aggiungete del testo su queste pagine.
Per ogni pagina, create i propri
metadati.