author-pic

WILL WARD

Full Stack Apollo GraphQL Tutorial: Part 2 - GraphQL Playground


Published on July 20, 2019

Part 2 Prerequisites: Successful completion of part 1.


If you were able to get your Apollo Server up and running,

🚀 Server ready at http://localhost:4000/

then you should have access to GraphQL Playground. So, go to http://localhost:4000/. Hopefully you see an instance of GraphQL Playground that looks like this:

GraphQL-Playground

On the right-hand side of the screen, there should be two tabs, one called 'DOCS' and one called 'SCHEMA'. Click the 'SCHEMA' tab. All of your type definitions (typeDefs) should be listed. And if you click on 'DOCS', you should see your queries and mutations. Click on the quakes query and you'll see the type definition for Quake that we wrote in our schema. Very cool, right? GraphQL Playground, at this point, seems to be a proxy front-end interface that allows you to look inside your GraphQL server and examine the schema from the browser. However, it does more than that, as we'll see later after we write our resolvers. Before we write our resolvers, though, we'll need to hook up our data sources, which we'll do in the next part. See you there!

If you like it, share it!