GraphQLZero

https://graphqlzero.almansi.me/

Admin

GraphQLZero is a free online GraphQL API for testing and prototyping, providing various data models...

Tokens:573

Snippets:8

Trust Score:5.5

Update:3 months ago

Show doc for...

Tokens:

Raw

### Initialize Apollo Client

Source: https://graphqlzero.almansi.me/

Setup Apollo Client to interact with the GraphQLZero API.

```javascript
import {
  ApolloClient, InMemoryCache, gql
} from '@apollo/client';

const client = new ApolloClient({
  uri: 'https://graphqlzero.almansi.me/api',
  cache: new InMemoryCache()
});
client.query({ query: gql`
  {
    user(id: 1) {
      id
      name
    }
  }
`}).then(console.log);
// { "data": { "user": { ... } } }
```

--------------------------------

### Handle query result

Source: https://graphqlzero.almansi.me/

Example JSON response structure returned by the API.

```json
{
  "post": {
    "id": "1",
    "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
    "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
  }
}
```

--------------------------------

### Fetch data via POST request

Source: https://graphqlzero.almansi.me/

Use the browser's fetch API to send a GraphQL query to the endpoint.

```javascript
fetch("https://graphqlzero.almansi.me/api", {
  "method": "POST",
  "headers": { "content-type": "application/json" },
  "body": JSON.stringify({
    query: `{
      user(id: 1) {
        id
        name
      }
    }`
  })
}).then(res => res.json()).then(console.log)
// { "data": { "user": { ... } } }
```

--------------------------------

### Define query variables

Source: https://graphqlzero.almansi.me/

Empty JSON object representing the variables for the query.

```json
{}
```

--------------------------------

### Execute a GraphQL query

Source: https://graphqlzero.almansi.me/

Retrieve a specific post by ID using a standard GraphQL query structure.

```graphql
query {
  post(id: 1) {
    id
    title
    body
  }
}
```

Tokens:

Raw