Skip to content
This repository has been archived by the owner. It is now read-only.
GraphQL Workshop Material
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
0-Presentation fix: replace with yld refs Feb 19, 2019
1-server-start s/ Feb 19, 2019
1.1-server-start-solution s/ Feb 19, 2019
1.2-server-exercise s/ Feb 19, 2019
2-server-query s/ Feb 19, 2019
2.1-server-query-solution s/ Feb 19, 2019
3-server-mutation s/ Feb 19, 2019
3.2.1-server-mutation-solution s/ Feb 19, 2019
4-server-context s/ Feb 19, 2019
4.1-server-context-solution s/ Feb 19, 2019
5-server-combine s/ Feb 19, 2019
5.1-server-combine-solution s/ Feb 19, 2019
5.2-server-combine-exercise s/ Feb 19, 2019
5.2.1-server-combine-exercise-solution s/ Feb 19, 2019
.all-contributorsrc Add @xavczen as a contributor Jun 29, 2018
.env.example Simplify DB setup by moving the .env at the root of the repository (#8) Jun 25, 2018
.gitignore renames and updates Oct 3, 2018
.prettierrc format Jun 18, 2018 s/ Feb 19, 2019
howtoheroku.mp4 add video Jun 22, 2018
package.json add contribs Jun 29, 2018
yarn.lock add contribs Jun 29, 2018

GraphQL Workshop

So you want to learn GraphQL? That is awesome! But like any other technology it's not easy to get started and get the basics of it mainly because all the docs are spread all over the place.

In this 8 hour workshop we will create a GraphQL server with Apollo Server, connect it to a Postgres database in Heroku to have a fully functional GraphQL Server.

After that we will jump to the frontend using React and Apollo to query and mutate a GraphQL Endpoint easily.




  • An overview of what GraphQL is
  • The basics of a querying with GraphQL
  • The basics of a mutations in GraphQL
  • Connect to a Postgres DB
  • Using context
  • Make multiple requests in one Query


  • Making simple queries with React and React-Apollo
  • Making advanced queries with React and React-Apollo
  • Creating our own query component
  • Mutations with React Apollo
  • Updating the UI automatically after a mutation
  • Using pagination
  • Questions

What We will be building



git clone
cd graphql-workshop/1-server-start
yarn # or npm i
yarn dev # npm run dev

Videos (4h)




You can’t perform that action at this time.