[Gatsby / Strapi] Optimisation des images
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:
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:
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
