close
GraphQL▾

GraphQL Fundamentals

Introduction
GraphQL is the better REST
Core Concepts
Big Picture (Architecture)

Advanced GraphQL

Clients
Server
More GraphQL Concepts
Tooling and Ecosystem
Security
Common Questions
Frontend▾

All Frontend Tutorials

React + Apollo
Backend▾

All Backend Tutorials

typescript-apollo
javascript-apollo
node-typescript-helix
graphql-elixir
graphql-ruby
graphql-python
graphql-scala
graphql-go

The Fullstack Tutorial for GraphQL

The free and open-source tutorial to learn all around GraphQL to go from zero to production.

Brought to you by the GraphQL Community and

Watch Overview
Start with Introduction

GraphQL Fundamentals

Image42 MIN TOTAL

In the first chapter, you’ll learn about the core concepts of GraphQL.

Advanced GraphQL (optional)

Read this chapter to get a broader understanding of the GraphQL ecosystem.

Introduction
Image5 MIN
GraphQL is the better REST
Image12 MIN
Core Concepts
Image15 MIN
Big Picture (Architecture)
Image10 MIN
Clients
Server
+4 more chapters

Hands-on tutorials

Choose your favorite technology

TypeScript + Apollo Server

Build your own GraphQL server with TypeScript, Apollo Server, Nexus and Prisma

Introduction
Getting Started
A Simple Query
A Simple Mutation
Adding a Database
Connecting The Server and Database with Prisma Client
Authentication
Voting and Custom GraphQL Scalars
Filtering, Pagination & Sorting
Deploying to Production
Summary

What you'll build: A Hackernews clone

Start from scratch and build a fully-featured Hackernews clone with one of the detailed step-by-step tutorials. Use the programming language and framework of your choice!

Image
Image

Learn about best practices

Image

Detailed instructions & explanations

Image

From scratch to production

For the Community, by the Community

How to GraphQL was created by Prisma and many amazing contributors. It's open-source and free of charge.

Image

Brent Vatne

Expo
Image

Radoslav Stankov

graphql-ruby
Image

Ben Wilson

graphql-elixir
Image

Lee Byron

Advisor & Feedback
Image

Jonatas Baldin

graphene
Image

Abhi Aiyer

Videos
Image

Sashko

GraphQL Server & Tooling
Image

Nikolas Burk

GraphQL Introduction, Relay, Apollo
Image

Bruce Williams

graphql-elixir
Image

Maira Bello

graphql.js
Image

Nilan Marktanner

Reviews & Feedback
Image

Bojan Tomić

graphql-java
Image

Johannes Schickling

Organization
Image

Tim Suchanek

Website implementation
Image

Julian Bauer

Design
Image

Christian Joudrey

Reviews & Feedback
Image

Marc-André Giroux

Tooling and Ecosystem, Security
Image

Matt Dionis

vue-apollo
Image

Devan Beitel

ember-apollo
Image

Boubacar Barry

angular-apollo
Image

Mariusz Nosiński

Sangria - Scala
Image

Robin MacPherson

graphql.js
Image

Shayegan Hooshyari

graphql-go

Content Overview

Here is an overview of all the tutorials and their contents that you find on this site.

GraphQL Fundamentals

Introduction
GraphQL is the better REST
Core Concepts
Big Picture (Architecture)

Advanced GraphQL

Clients
Server
More GraphQL Concepts
Tooling and Ecosystem
Security
Common Questions

React + Apollo

Introduction
Getting Started
Queries: Loading Links
Mutations: Creating Links
Routing
Authentication
More Mutations and Updating the Store
Filtering: Searching the List of Links
Realtime Updates with GraphQL Subscriptions
Pagination
Summary

React + Relay

Introduction
Getting Started
Queries: Loading Links
Mutations: Creating Links
Routing
Authentication
More Mutations and Updating the Store
Realtime Updates with Subscriptions
Pagination
Summary

NodeJS

Introduction
Getting Started
A Simple Query
A Simple Mutation
Adding a Database
Connecting The Server and Database with Prisma Client
Authentication
Realtime GraphQL Subscriptions
Filtering, Pagination & Sorting
Summary

All Frontend Tutorials

React + Apollo

All Backend Tutorials

typescript-apollo
javascript-apollo
node-typescript-helix
graphql-elixir
graphql-ruby
graphql-python
graphql-scala
graphql-go
Made with ♥ by Prisma and the amazing GraphQL community
ImageImage