Faire ses premiers pas avec Strapi & Gatsby

Pour créer ce blog, j'ai bêtement suivi le tutoriel officiel de strapi.io. Mais la tâche n'a pas été si easy que je le pensais... Je vous livre donc quelques petites astuces pour si vous rencontrez les mêmes soucis que moi.

1. Content Types Builder (Strapi)

Par default, l'option "draft and publish" est activée. Pensez donc, quand vous rédigez un article, à le publier après l'avoir validé ;) Pour les catégories, je vous conseille de la désactiver, elle n'est pas bien tuile pour ce type de données.

2. Query allStrapiArticle (Gatsby)

Dans l'index, nous sommes amenés à utiliser StaticQuery pour récupérer nos articles. Une petite erreur s'est glissée dans le code du tutoriel :

    <StaticQuery
      query={graphql`
        query {
          allStrapiArticle(sort: { fields: updated_at, order: DESC }) {
            edges {
              node {
                strapiId
                title
                categories {
                  name
                  id
                  slug
                }
                tags {
                  id
                  name
                  slug
                }
                image {
                  publicURL
                }
                updated_at
                slug
              }
            }
          }
        }
      `}
      render={data => (
        <ArticlesComponent
          articles={data.allStrapiArticle.edges}
          key={`${data.allStrapiArticle.edges.length}_articles`}
        />
      )}
    />

Au niveau de l'image, dans le tuto, il est indiqué "url", mais il faut mettre "publicURL" ;)

En espérant que ça vous aidera pour vos premiers pas dans la sphère Gatsby / Strapi !