GraphDev Docs

Introduction

GraphDev is a browser-based IDE to debug and develop with GraphQL. Re-run queries, view the schema, and share requests through generatable links. Requests can be exported from GraphQL Network Inspector for a seemless debugging experience.

Executing queries

Execute any query by clicking the "send" button. The response will be displayed in the right panel.

Share requests

To share a request, click the "share" button. This will generate a link that can be shared with others. The link will include both the request and response.

Don't want to share something sensetive? See the environment variables section for how to keep your secrets safe.

Environment variables

You can create a new environment in the footer bar. Click "Create environment" and add any variables you want to keep private. These variables will be available in your queries and mutations, but crucially are only stored locally.

Environment variables can be access in the URL bar, query, variables and request headers. Just type {{}} to see a list of available variables.

CORS Proxy

Since GraphDev is a browser-based IDE, it can't make requests to servers that don't have CORS enabled. To get around this, you can use the built-in CORS proxy. Switch agents in the footer bar "Desktop" to proxy requests via your local machine.

Talk to your schema

If you can't figure out what to query, you can talk to your schema with AI. Click the "Talk to schema" button and ask a question. The AI will suggest queries and mutations based on your question and context of your schema.

Collections

You can create collections to group your queries and mutations. Create collections in the sidebar, then add a request in the footer bar.

Schema Explorer

Schema explorer is coming soon!