Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
This video covers Apollo's Launchpad which was deprecated on December 15, 2018. Feel free to skip this video, or you watch it to see a little bit of internet history.
Apollo's Launchpad was deprecated on December 15, 2018.
Clone this repo to follow along with this course:
https://github.com/treehouse-projects/intro-to-graphql
Now that we've gone over
the basic concepts of GraphQL,
0:00
we're almost ready to run our first query.
0:03
But before we do, I'm gonna give you a
tour of the environment we'll be using in
0:06
this course to run and test our queries.
0:10
It's called Launchpad, and
if you're familiar with sandbox tools,
0:13
like JS pin or Code pin,
you'll be right at home.
0:17
With Launchpad, we can run one
off queries and see the results
0:21
without the overhead of setting up and
deploying a full GraphQL server.
0:25
To get started, go to
launchpad.graphql.com in your browser.
0:30
If you've never been here before,
you'll be greeted with a welcome message
0:39
that briefly explains what
Launchpad is used for, and
0:43
contains a link to
the awesome Launchpad repo.
0:46
The awesome Launchpad repo is where
the official Launchpad docs are hosted.
0:49
If we go ahead and follow that link,
we can find a ton of great resources such
0:54
as Launchpad starter projects and
real world examples for GraphQL.
0:59
Now let's head back to our Launchpad tab.
1:08
There are three basic
parts to Launchpad UI.
1:14
The backend editor, the query editor,
and the response preview.
1:18
The backend editor contains
the code responsible for
1:24
receiving the GraphicQL
in building a response.
1:27
In this course, we'll be using
pre-built Launchpad templates, so
1:30
you won't need to make
any changes in this pane.
1:34
However, this pane will contain
the schema for each lesson.
1:37
We'll use the schema to identify
which fields are queryable for
1:41
a given end point.
1:45
The query editor is where we'll
spending most of our time.
1:47
This is the interface we'll use for
writing queries and
1:51
specifying the fields we want
returned in our response.
1:54
As you might have guessed,
the response preview
1:58
is where we can see the response
that is returned by the backend.
2:00
If a query is unsuccessful,
this is also where we'll see errors.
2:04
You need to sign up for Treehouse in order to download course files.
Sign up