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
On constate qu'il y a une image que je récupère.
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 } } } `
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:
mon problème est que je ne sais pas comment l'adapter pour ma propre image.
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 } } } } `
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
Partager