GraphQL Gateway

GraphiQL Interactive IDE

Execute relational queries, inspect graph relationships, and perform stateful mutations directly against your private visitor session overlay. Zero over-fetching, zero local server setup.

Open Fullscreen IDE

Query & Mutation Presets

Select a preset to load into the live editor

Gateway TerminalPOST /api/v1/graphql

GraphQL Document

Document EditorEditable

query GetPostsWithAuthorAndComments {

posts(_limit: 3) {

title

body

user {

name

company {

name

}

comments {

name

body

}

query GetPostsWithAuthorAndComments {
  posts(_limit: 3) {
    id
    title
    body
    user {
      id
      name
      email
      company {
        name
      }
    }
    comments {
      id
      name
      body
    }
  }
}

Execution OutputAwaiting Execution

response.json

{

// Click "Run Request" above to execute this query against

// the live GraphQL gateway and inspect the JSON payload.

}

GraphQL Engine Capabilities

Engineered to simulate production-grade GraphQL environments with full relation resolution and state management:

Nested Graph Traversal

Query deep relational graphs in a single round-trip without N+1 problems. Join users, posts, comments, and company profiles effortlessly.

Stateful Sandbox Mutations

Mutations executed via createPost or updateTodo persist immediately in your visitor session overlay.

Full Schema Introspection

Fully compatible with Apollo Client, Relay, and GraphQL Code Generator. Auto-complete, type validation, and schema AST reflection out of the box.

Client Integration Recipes

Copy-paste production implementations for your preferred web framework or GraphQL client:

integration-fetch.ts

// Next.js 15+ / React Server Action or Modern Native Fetch

const response = await fetch('https://playground.nileslabs.com/api/v1/graphql', {

method: 'POST',

headers: {

'Content-Type': 'application/json',

'Accept': 'application/json',

// Optional visitor session isolation:

// 'x-playground-identity': 'your-session-uuid',

body: JSON.stringify({

query: query GetPostsWithAuthorAndComments {

posts(_limit: 3) {

title

body

user {

name

company {

name

}

comments {

name

body

}

variables: {}

}),

});

const { data, errors } = await response.json();

if (errors) console.error('GraphQL Errors:', errors);

console.log('Result:', data);

PreviousInteractive Studio

NextSession Quotas & Activity