Tag: GATSBY-IMAGE
Estoy desarrollando un sitio web utilizando Gatsby, siguiendo este enlace https://www.youtube.com/watch?v=smHhNzM5Uo4 Ahí sugiere utilizar graphql para mostrar imágenes, por lo que creó un archivo llamado Trips.json, donde se mencionan los detalles de las imágenes de la siguiente manera: [ { “img”: “../assets/images/python.jpeg”, “alt”: “Tutorial de Python”, “name”: “Tutorial de Python”, . . . Read more
Me gustaría usar una imagen usando el componente GatsbyImage. Normalmente se hace utilizando <img src=’./img.jpg’>. ¿Cómo se hace con GatsbyImage para enviar una imagen usando props?
Estoy construyendo un sitio básico con Gatsby y lo he conectado a Contentful. Subí 2 activos a Contentful: El primer activo se ve así: El segundo activo es 100% idéntico, excepto por el título que es test-two. Si uso la consulta “about” y paso la URL dentro de una etiqueta . . . Read more
Tengo una imagen hero que quiero consultar varias veces y obtenerla en diferentes tamaños para poder usarla en diferentes tamaños de dispositivos. Mi imagen hero está en src/images/hero.png Este es el código de la consulta: export const mobileHeroImage = graphql<code> fragmento mobileHeroImage en File { childImageSharp { fluid(maxWidth: 375, maxHeight: . . . Read more
Estoy tratando de escribir una consulta de página para devolver una línea de texto y una imagen en un proyecto de GatsbyJS. Estoy usando el complemento Gatsby Image junto con ‘gatsby-transformer-sharp’ y ‘gatsby-plugin-sharp’ y sigo obteniendo un error de que los nodos devueltos por la consulta son indefinidos. Mi consulta . . . Read more