GraphiQL, a GraphQL navigator
GraphiQL (pronounced graphical) is similar to GraphQL Playground, which we learned about in Chapter 6, Sanity's GraphQL Playground. GraphQL Playground uses components of GraphiQL, and in fact, at the time of writing, the two projects are merging and will become one.
As mentioned in Chapter 7, Gatsby - An Introduction, by typing the following command from the command line, Gatsby will start an instance of GraphiQL at http://localhost:8000/graphql
:
gatsby develop
In the text output from the command, Gatsby will provide the Uniform Resource Locator (URL). Here is an excerpt of the output:
... View GraphiQL, an in-browser IDE, to explore your site's data and schema http://localhost:8000/___graphql ...
By clicking on the http://localhost:8000/graphql
URL if possible or, optionally, simply typing the URL into the browser, the GraphiQL GraphQL Integrated Development Environment (IDE) will appear. Notice that there are three...