Transmisión estática de metadatos desde el contenido en NextJS
Ahora aprendamos a establecer nuestros propios metadatos para cada URL. Para esto, el objeto con metadatos deberá ser exportado desde el archivo con el contenido del sitio.
Veamos cómo se hace esto. Supongamos que tenemos un componente con el contenido del sitio:
export default function Test() {
return <h1>test component</h1>;
}
Establezcamos metadatos para la URL, correspondiente a nuestro archivo con contenido:
export const metadata = {
title: 'My Test page',
description: 'Description for test page.',
}
export default function Test() {
return <h1>test component</h1>;
}
Crea tres páginas en tu sitio:
/about, /price, /contacts.
Añade algún texto en estas páginas.
Para cada página, crea sus propios
metadatos.