Try Apollo Studio
Apollo Server 2 is officially deprecated, with end-of-life scheduled for 22 October 2023. Learn more about upgrading to a supported Apollo Server version.

GraphQL Playground

Visually explore Apollo Server

⚠️ Apollo Server 2's GraphQL playground feature has an end-of-life date of 31 December 2022.

Learn more about this deprecation and end-of-life.

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

In development, Apollo Server enables GraphQL Playground on the same URL as the GraphQL server itself (e.g. http://localhost:4000/graphql) and automatically serves the GUI to web browsers. When NODE_ENV is set to production, GraphQL Playground (as well as introspection) is disabled as a production best-practice.

GraphQL Playground

Configuring Playground

The Apollo Server constructor contains the ability to configure GraphQL Playground with the playground configuration option. The options can be found on GraphQL Playground's documentation.

new ApolloServer({
playground: {
settings: {
'editor.theme': 'light',
tabs: [
query: defaultQuery,

Enabling GraphQL Playground in production

To enable GraphQL Playground in production, introspection and the playground can be enabled explicitly in the following manner.

const { ApolloServer } = require('apollo-server');
const { typeDefs, resolvers } = require('./schema');
const server = new ApolloServer({
introspection: true,
playground: true,
server.listen().then(({ url }) => {
console.log(`🚀 Server ready at ${url}`);
Edit on GitHub
Integration testing