1

eh encontrado varias respuesta aquí y allá, que van desde usar un useEffect hasta crear un layout.jsx solo para poder agregar el title, y si bien estas y otras aproximaciones más funcionan, no pude encontrar en la documentación oficial una solución que no sea al tun tun. ¿Alguien estaría sabiendo cuál es la mejor manera de encarar esta problemática?

Aclaración: me refiero a las versiones de nextJS que hacen uso del app router (^13) en las que la manera de aplicar el title, siguiendo la documentación oficial, es la de exportar una objeto "metadata"

export const metadata = {
  title: 'example',
}

Lo cual no es posible si dicha page no se renderiza en el servidor (es decir, cuando añadimos el 'use client'; en la primera línea.

1
  • ya sabes la respuesta, no trates de encontrar algo que no existe. crea un layout.ts (para eso son) o mueve la lógica del cliente a componentes fuera del page.ts y deja que el page sea un server component y sus hijos client components. esa es la manera en la que se hace en Next 13.
    – jonoise
    Commented el 22 ago. 2023 a las 17:05

2 respuestas 2

0

Hola @Sancaf La única forma es que lo manejes en un hook useEffect desde document y valides si existe o no, y ahi coloques el título que necesites.

document.head.title ?   
document.querySelector("title") = "my-title":
document.head.innerHTML = <title>{my-title}</title>
0
import type { Metadata } from 'next'

Después:

export async function generateMetadata({ params }: Props): Promise<Metadata | null> {
   const title = `Titulo aquí`;

   return {
      title
   }
}
2
  • Error => You are attempting to export "generateMetadata" from a component marked with "use client", which is disallowed.
    – Sancaf
    Commented el 6 ene. a las 22:30
  • Que hace este código? Las respuestas con unicamente código no suelen ser bien recibidas.
    – Dante S.
    Commented el 10 feb. a las 0:44

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.