0

Estoy trabajando con nextjs para crear una página web y estoy intentando tener metadata dinámica para las publicaciones de mi página, ahora, el problema es que al intentarlo me muestra lo siguiente:

introducir la descripción de la imagen aquí

Esto me sale cuando quiero entrar a mi publicación, ahora, yo manejo las rutas por el método de App Router y utilizo la funcion generateMetadata en mi codigo de la siguiente forma:

async function getPost(slug: string) {
    const post = await fetch(`${process.env.NEXT_PUBLIC_API}/post/${slug}`).then(res => res.json())
    return post
}

export async function generateMetadata(props: any): Promise<Metadata> {
    const post = await getPost(props.params.slug)
    return {
        title: post.name ?? "Pagina"
    }
}

export default (props: any) => <Post {...props} />

Intente utilizar axios para realizar la petición y me dio el mismo error, luego utilice fetch y tuve el mismo problema. ¿Por lo que no sé si estoy realizando bien la acción o que otra cosa tendría que realizar?

2
  • Ya intentaste hacer un CURL a esto? ${process.env.NEXT_PUBLIC_API}/post/${slug} o con POSTMAN algo asi?, alguna forma de verificar que el endpoint de la API si esta funcionando
    – g.4
    Commented el 7 jun. a las 4:43
  • 1
    Si esta funcionando, lo que descubri por despues es que si se utiliza localhost... me da el problema por lo que lo cambie a 127..., cuando hice el cambio la aplicación funciono correctamente
    – TD Perez
    Commented el 7 jun. a las 17:26

0

Tu Respuesta

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

Examina otras preguntas con la etiqueta o formula tu propia pregunta.