Using GraphQL to fetch your data

THIS PAGE
Using the GraphQL Explorer
Making GraphQL Queries

We recommend using GraphQL queries to fetch and interact with your data. Canonic's GraphQL APIs let you perform powerful operations when selecting or mutating your data.

Using the GraphQL Explorer

GraphQL Explorer is a graphical, interactive, in-browser GraphQL IDE, created by Prisma and based on GraphiQL.

  1. Open the Endpoint Docs
  2. Click on Open in Playground to open the explorer.

Screenshot

Prisma's explorer provides some great features out-of-the-box

✨ Context-aware autocompletion & error highlighting
📚 Interactive, multi-column docs (keyboard support)
⚡️ Supports real-time GraphQL Subscriptions
⚙  GraphQL Config support with multiple Projects & Endpoints
🚥 Apollo Tracing support

Making GraphQL Queries

You can make GraphQL queries from the client using simple fetch requests or use a library like Apollo to make type/field safe api requests.

You can learn more about GraphQL here

Sample API Request

You can request for specific fields and only those fields are returned.

query Movies {
  movies {
    _id
    title
    summary
  }
}

Sample API Response

The data is returned in JSON format.

{
  "data": {
    "movies": [
      {
        "_id": "5f14b1fc1476c10026968194",
        "title": "Raj Does Movie off",
        "summary": "<p>A <strong>movie</strong> that's not been made yet!</p>"
      },
      {
        "_id": "5f14b1fc1476c10026968194",
        "title": "Superman Vs. Spiderman",
        "summary": "<p>A superhero movie for the ages.</p>"
      }
    ]
  }
}
Did you find what you were looking for?
👍
👎
What went wrong?
Need more help?We have a thriving Discordcommunity that can help you with all things Canonic. →