Skip to main content
Version: 3.x

GraphQL Tools

Playground

Saleor exposes an interactive GraphQL editor under /graphql/, allowing access to the API from your browser.

GraphQL Playground is an external interactive editor for your GraphQL queries. It is based on GraphQL and accessible through the web browser.

Using Playground is easy and intuitive with its sidebar navigation containing two tabs (Docs and Schema), listing all operations available in the API. The Playground allows you to quickly familiarize yourself with the API, perform example operations, and send your first queries.

Playground

To view and try out the Playground instance of Saleor's demo store, visit the Saleor Demo Playground.

For more information, visit the Playground GitHub page.

Authentication

To run queries as the authenticated user, you need to add headers to your request. The headers section is located at the bottom left side of the Playground. To read more, how to get auth tokens, read User documentation.

Inspectors for browsers

You can learn about Saleor API by interacting with Dashboard or Storefront and observing requests using browser extensions:

Chrome: GraphQL Inspector

Firefox: Graphql Developer Tools

Codegen

GraphQL Code Generation can automate creation of GraphQL requests, typings and more. You can use React Storefront for reference how to configure codegen in a Typescript project, but similar setup can be achieved in other languages.