xclade
GraphQL API

GraphQL Playground

Interactive GraphQL development environment

Accessing the GraphQL Playground

The GraphQL Playground is an interactive development environment for exploring the API schema, writing queries, and testing responses.

Admin Dashboard Access

The GraphQL Playground is available in the xclade admin dashboard during development:

  1. Log in to your admin dashboard at https://{your-tenant}.myxclade.com/app
  2. Click on the User Menu in the top right corner
  3. Select "GraphQL Playground" from the dropdown menu
  4. The playground will open in a modal with your authentication credentials automatically included

The playground is automatically authenticated with your admin session, so you can immediately start writing and testing queries.

Note: The GraphQL Playground is only available in development environments. For production usage, use API clients or GraphQL client libraries as shown in the Client Implementation section below.

Playground Features

  • Schema Explorer: Browse the complete API schema with documentation
  • Query Editor: Write and test GraphQL queries with syntax highlighting
  • Auto-completion: Intelligent code completion for fields and arguments
  • Query History: Access previously executed queries
  • Variable Editor: Test queries with different variable inputs
  • Response Inspector: Detailed response visualization with error handling

On this page