Magic GraphQL servers

Instant GraphQL servers for testing and exploration, prepopulated with the graph data which is inlined in the server URLs.

How it works

You enter the GraphQL schema and JSON entities (server data). The data is represented as a normalized flat graph in which every instance has a __typename and __id. References are represented as objects with a __typename and __ref with the ID of the linked entity.
The tool generates a URL that directly embeds the data with some additional metadata (serialized, compressed, URL-encoded).
The generated URL is a functional GraphQL endpoint that can be used to query the graph stored on the virtual GraphQL server.

Use cases and implications

When you only need a quick GraphQL server to do some testing or experiment with the GraphQL API, it's much easier to use these "magic" GraphQL endpoints than to spin up a regular GraphQL server.

Since the data and configuration are stored in the URL itself (similar to how data URIs encapsulate their content), every individual URL corresponds to an immutable (read-only) GraphQL server that's been seeded with the data from the URL.

Try it now

GraphQL schema (SDL)

type User {
  id: ID!
  name: String!
  posts: [Post!]!
}

type Post {
  id: ID!
  title: String!
  author: User!
}

type Query {
  users: [User!]!
  user(id: ID!): User
}1
type User {
2
  id: ID!
3
  name: String!
4
  posts: [Post!]!
5
}
6

7
type Post {
8
  id: ID!
9
  title: String!
10
  author: User!
11
}
12

13
type Query {
14
  users: [User!]!
15
  user(id: ID!): User
16
}

The GraphQL schema in the Schema Definition Language (SDL).

Graph data

[
  {
    "__id": "u1",
    "__typename": "User",
    "name": "Alice",
    "posts": [
      {
        "__ref": "p1",
        "__typename": "Post"
      }
    ]
  },
  {
    "__id": "u2",
    "__typename": "User",
    "name": "Bob",
    "posts": []
  },
  {
    "__id": "p1",
    "__typename": "Post",
    "title": "Hello GraphQL",
    "author": {
      "__ref": "u1",
      "__typename": "User"
    }
  }
]1
[
2
  {
3
    "__id": "u1",
4
    "__typename": "User",
5
    "name": "Alice",
6
    "posts": [
7
      {
8
        "__ref": "p1",
9
        "__typename": "Post"
10
      }
11
    ]
12
  },
13
  {
14
    "__id": "u2",
15
    "__typename": "User",
16
    "name": "Bob",
17
    "posts": []
18
  },
19
  {
20
    "__id": "p1",
21
    "__typename": "Post",
22
    "title": "Hello GraphQL",
23
    "author": {
24
      "__ref": "u1",
25
      "__typename": "User"
26
    }
27
  }
28
]

The array of JSON entities.

Magic GraphQL endpoint

https://www.antvaset.com/_/N4Ig1iBcIOYE4EMAOALAjgGxAGhANygEZcBnAEy2gBcBPJAUwAIBVE+uR4AHQDtHGAlmUiMAkgBEAhL348EAW3oiAylTgCeMaX0ZIA9iSokRAbQAKBqpIC62gL69etBowuHOMwcLFTPVAVQYSoyq6pra-AgArlQoenAirOz2jjzOTACKUew0HjpRbHDGjCZJcDYRjAXsABRCIhKSAJSJhbx2OCBkCFQIUCAmntw6-FwgAPrjQmMiY1GEY9ieoxPj6XKKM4xjZYvL2yAb9FtjAIIYAgDGxzj7Y-qGJFuDI-x5bx8Hk3D0AGYnICQC1urw+Y0m6wUN1mIDcVDG+34Dle1k8diWOmGYNW0ygByiACY9q9wWs6PQjgDdiDsZS8WMAEJ6ABGxOxDyMz1ROnRQzuOLIAKBbLepMhm3psMsIpW-kC0IOAAl6BgMHpGABxRCoDIAGRlB2isXiWyxn1JP3+kvmBpWEPJdJh1P2yKRvGsIDsQAhttps://www.antvaset.com/_/N4Ig1iBcIOYE4EMAOALAjgGxAGhANygEZcBnAEy2gBcBPJAUwAIBVE+uR4AHQDtHGAlmUiMAkgBEAhL348EAW3oiAylTgCeMaX0ZIA9iSokRAbQAKBqpIC62gL69etBowuHOMwcLFTPVAVQYSoyq6pra-AgArlQoenAirOz2jjzOTACKUew0HjpRbHDGjCZJcDYRjAXsABRCIhKSAJSJhbx2OCBkCFQIUCAmntw6-FwgAPrjQmMiY1GEY9ieoxPj6XKKM4xjZYvL2yAb9FtjAIIYAgDGxzj7Y-qGJFuDI-x5bx8Hk3D0AGYnICQC1urw+Y0m6wUN1mIDcVDG+34Dle1k8diWOmGYNW0ygByiACY9q9wWs6PQjgDdiDsZS8WMAEJ6ABGxOxDyMz1ROnRQzuOLIAKBbLepMhm3psMsIpW-kC0IOAAl6BgMHpGABxRCoDIAGRlB2isXiWyxn1JP3+kvmBpWEPJdJh1P2yKRvGsIDsQA

The generated GraphQL endpoint.