EXPLORE BEFORE YOU EXECUTE

One task. The right schema.

Compose up to six views and validate GraphQL operations locally. This workbench does not execute requests against your platform.

Loaded views Choose up to six
Choose views to load their schema.
Generate TypeScript types

Download the schema as schema.graphql, save operations under operations/, then use this GraphQL Code Generator configuration.

schema: ./schema.graphql
documents: ./operations/**/*.graphql
generates:
  ./generated/graphql.ts:
    plugins:
      - typescript
      - typescript-operations

Install @graphql-codegen/cli, @graphql-codegen/typescript and @graphql-codegen/typescript-operations, then run npx graphql-codegen.