title: How can i set my ApolloServer to open a graphql playground instead of the apollographql sandbox by default?
body: <p>My question is how can i set <a href="https://chrome.google.com/webstore/detail/graphql-playground-for-ch/kjhjcgclphafojaeeickcokfbhlegecd/related?hl=en" rel="nofollow noreferrer">this graphql playground extension</a> as my default playground instead of using the default <a href="https://studio.apollographql.com/sandbox/explorer" rel="nofollow noreferrer">sandbox</a> when i visited http://hocalhost/port/graphql. Is there any option that i can set during the creation of the <code>ApolloServer</code> instance that can configure that?.</p>
  <pre><code>...
  const apolloServer = new ApolloServer({
      schema: await buildSchema({
        validate: false,
        resolvers: [HelloResolver, UserResolver],
      }),
      context: ({ req, res }) =&gt; ({ em: orm.em, req, res }),
    });
    await apolloServer.start();
    apolloServer.applyMiddleware({ app });
  
  ....
  </code></pre>