How to use GraphQL with Gatsby.js

Gatsby.js is a full-stack front-end framework that is based on React and GraphQL. Gatsby.js comes natively packaged with GraphQL, alongside some additions to it. GraphQL might be suitable for your workflow.

GraphQL is a specification for querying data. Gatsby always uses GraphQL when querying data. On top of that, Gatsby can directly call GraphQL APIs.

Table of contentsWhy Gatsby.js uses GraphQLGraphiQLHow GraphQL queries work the overviewWays to use the queries with your Gatsby siteThe ga...