> Documentation index: [Saleor](/llms.txt) · [This section](/api-usage/llms.txt)
> Source: https://docs.saleor.io/api-usage/developer-tools

# Developer Tools

<a id="playground"></a>

## Playground

Saleor includes a GraphQL Playground, an interactive GraphQL editor, allowing access to your Saleor instance's API through the web browser. The Playground lets you quickly familiarize yourself with the API, perform example operations, and send your first queries and mutations.

![Playground](/assets/images/api-playground-59c24a8ae7ca54b1ae94150be9347a2b.png)

<a id="admin-authenticated-playgrounds"></a>

#### Admin authenticated playgrounds

In the admin dashboard use `CMD+'`. This will open playground that has admin rights of your respective user.

<a id="front-end-playgrounds"></a>

#### Front-end playgrounds

Each Saleor server comes with `/graphql/` endpoint.

To authenticate shoppers or admins via public playground check [instructions](/api-usage/authentication.md#authentication-with-playground) to explore non-public APIs.

<a id="share-your-queries"></a>

#### Share your queries

Use the share button in the playground to get a shareable link; always be mindful about sharing secrets in headers!

<a id="inspectors-for-browsers"></a>

## Inspectors for browsers

You can learn about Saleor API by interacting with [Dashboard](https://github.com/saleor/saleor-dashboard) or [Storefront example](https://github.com/saleor/storefront) and observing requests using browser extensions:

[Chrome: GraphQL Inspector](https://chrome.google.com/webstore/detail/graphql-network-inspector/ndlbedplllcgconngcnfmkadhokfaaln)

[Firefox: GraphQL DevTools](https://addons.mozilla.org/en-US/firefox/addon/graphql-developer-tools/)

<a id="codegen"></a>

## Codegen

[GraphQL Code Generation](https://www.graphql-code-generator.com/) can automate the creation of GraphQL requests, typings and more. You can use [Storefront example](https://github.com/saleor/storefront) for reference on how to configure codegen in a Typescript project, but a similar setup can be achieved in [other languages](https://the-guild.dev/graphql/codegen/plugins).

<a id="graphql-clients"></a>

## GraphQL clients

-   [Apollo Client](https://www.apollographql.com/docs/)
-   [Relay](https://relay.dev/docs/en/experimental/a-guided-tour-of-relay)
-   [urql](https://formidable.com/open-source/urql/docs/) (JS only)

<a id="explore-more-tools"></a>

## Explore more tools

-   [Awesome GraphQL](https://github.com/chentsulin/awesome-graphql)
-   [The Guild](https://the-guild.dev/)
-   [Awesome fluent GraphQL](https://github.com/hasura/awesome-fluent-graphql)
-   [Awesome lists on GitHub](https://github.com/search?q=awesome%20graphql&type=repositories)