Introducing GraphiQL

In this guide, you’ll be learning to use something called GraphiQL, a tool that helps you structure GraphQL queries correctly. You can learn more about it in the GraphiQL README.

What is GraphiQL?

GraphiQL is the GraphQL integrated development environment (IDE). It’s a powerful (and all-around awesome) tool you’ll use often while building Gatsby websites. It offers syntax highlighting, intellisense autocompletion, automatic documentation, and much more.

Use GraphiQL to interactively build your page and static queries.

How to use GraphiQL

When the development server is running for one of your Gatsby sites, open GraphiQL at http://localhost:8000/___graphql to see the interface: