Bonjour a tous,

Je suis en pleine découverte de Strapi.
J'ai générée des data de type single type que je récupéré pour mon front gérer avec Gatsby grâce a GraphQl.

Mes data son accessible de cette façon coter Gatsby
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
export const pageQuery = graphql`
  query MyQuery {
    strapiHomepage {
      id
      Testimonial
      Text
      Background_to_left
      Background_to_right
      Illustration {
        publicURL
      }
    }
  }
`
On constate qu'il y a une image que je récupère.

J'aimerai utiliser les outils d'optimisation d'image fournis par Gatsby pour mon image.
Dans la doc officielle il y a ce morceau de code comme illustration:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
export const query = graphql`
  query {
    fileName: file(relativePath: { eq: "images/myimage.jpg" }) {
      childImageSharp {
        fluid(maxWidth: 400, maxHeight: 250) {
          ...GatsbyImageSharpFluid
        }
      }
    }
  }
`
mon problème est que je ne sais pas comment l'adapter pour ma propre image.

j'ai tester de remplacer la partie file par Illustration {publicURL} mais cela provoque des erreur de syntaxe

Avez vous une idée?

Merci par avance pour votre aide