#```

1 messages · Page 1 of 1 (latest)

tender yacht
#

(voy a responder en hilo para no alargar mucho para abajo)

Sigue sin funcionarme. Creo que no entiendo bien como estás pasando los posts a Post. Igual me explayo un poco más. Mi index es como en la primera foto. Ahí ya estoy llamando con un await a los posts. sin problema.

Luego, dentro de cada uno de los proyectos, deben haber cierta cantidad de imágenes N.

A partir de eso y enlazándolo con tu solución, entiendo que:

  • Debería llamar a todos los posts en mi index.
  • Debería crear un componente post para el detalle de cada post (tengo hecho un layout como base (BaseProyecto.astro)) y aquí llamar a la imagen.

Hago eso y me dice que Image no está definido

ivory glacier
#

Si quieres haz una transmisión y te ayudo con lo que pueda, tengo unos minutos libre ahora

tender yacht
#

okas, me meto a off-topic

ivory glacier
#

Soy basicamente nuevo en discord, aun no entiendo mucho como va todo esto 😅 pero ya estoy en off-topic

tender yacht
#

me llegó la comida jajaja. Te parece si subo el repo y lo miras cuándo puedas?

ivory glacier
#

me sali sin querer

#

si claro, dale

#

avisame

tender yacht
#

dale, te envío el link por acá en un rato. Muchas gracias!

ivory glacier
#

Bien.

tender yacht
ivory glacier
#

{frontmatter.image.map((img) => <img src={img.url}> )}

#

const allPosts = await Astro.glob("../pages/projects/*.md"); const image = await Astro.glob("../../public/img/projects/**/*.png")

#

eso no es necesario, primero, solo quieres acceder al post que quieres mostrar y eso ya lo puedes hacer con const { frontmatter } = Astro.props;

#

segundo, allPost te devuelve el arreglo de todos los post, a menos que quieras hacer algo como "otros post" y renderizarlo debajo no hace falta que lo llames ahi.

por otro lado image te devuelve el arreglo de todas las imagenes que tienes segun la ruta que proporcionas, no las imagenes del post que quieres mostrar

#

al usar frontmatter puedes acceder a la propiedad image el cual es un arreglo de imagenes y solo tienes que iterar

#

ah, otra cosa, no es necesario que agregues /public a tus rutas, algo como esto te vale:
/img/projects/lexgo/lg_01.png
empiezas con el nombre de la primera carpeta después de public

tender yacht
#

fuaaa, que genio. Muchísimas gracias!!