Fullstack GraphQL Tutorials for the busy developer

The most extensive list of open source community maintained tutorials to get you up to speed with GraphQL, Hasura and Databases. Basics to production ready concepts.

The fastest way to get started with GraphQL

25+ courses
Multilingual
150+ contributors
30 min - 2 hours

Hasura Basics

New to Hasura? This is a 30-minute hands-on tutorial to get you up and running with Hasura.

GraphQL Basics

New to GraphQL? Learn the fundamentals of GraphQL and what makes it especially suitable for modern applications, like its realtime capabilities!

Hasura Tutorials

Our courses on Hasura will take you from the basics (where you learn how to run Hasura in just 30 minutes) to advanced concepts that teach you how to optimize your applications.

What you’ll learn:

Setting up GraphQL API from scratch
Write custom GraphQL server with Apollo and Node js
Best practices for using Hasura to build web applications
Authorization and Authentication example using GraphQL
Convert a REST API to GraphQL API using Hasura Actions
Leverage database features
Write GraphQL schema and types and map them to REST APIs.

Frontend GraphQL Tutorials

You'll find that in every chapter, and all of our GraphQL tutorials and articles on our website, we'll cover the following concepts time and again:

What you’ll learn:

GraphQL vs. REST
Realtime feed with notifications.
Integrating GraphQL Mutations with Query Variables.
GraphQL Queries, Mutations, Subscriptions.
Using Subscriptions with Apollo Client.
Integrating Mutations to update, delete and bulk delete.
Setting up a GraphQL client with Apollo.
Integrating GraphQL queries in the app.
Managing Local Cache after a Mutation.
Optimistic UI updates for responsive user experience.

Backend GraphQL Tutorials

Create GraphQL and REST backends with a language's latest features and libraries. Easily integrate with Hasura features such as event triggers, actions, and remote schemas.

What you’ll learn:

Creating GraphQL servers and clients
Making REST endpoints
Fully use the language's type system
Download and utilize dependencies
Code generation with supported languages
Integrate with Hasura

GraphQL with .NET
In our .NET course we use the .NET standard library to create REST endpoints, create a GraphQL server with Hot Chocolate, and query GraphQL Strawberry Shake.
GraphQL with Go
The Go course covers code-generating a GraphQL server and client. We also go over how to create REST endpoints with the standard library.
GraphQL with Java
Using Java, Spring Boot, and Netflix's DGS we create REST endpoints, a GraphQL server, and a GraphQL client. Dependencies are managed with Gradle.
GraphQL with Node
Using Node, Express, and TypeScript we create REST endpoints and generate a GraphQL server/client with GraphQL Code Generator.
GraphQL with Python
In the Python course we cover creating REST endpoints using FastAPI, making a GraphQL server with Strawberry, and querying GraphQL with Qlient.

Full-stack GraphQL Tutorials

The following fullstack GraphQL tutorials will teach you how to build realtime todo apps using authenticated GraphQL APIs

GraphQL with NextJS
In this fullstack tutorial, we will look at building a Hasura GraphQL Backend to generate APIs, followed by integration with Next.js app. We'll be using Auth0 for the Authentication and Vercel for deployment.
RxDB Offline First Tutorial
In this course, we will look at how to make a web app offline first using a client-side database that is synced securely with Postgres. We'll be using two open-source tools, RxDB and Hasura to help set up the sync. We will be using Auth0 for Authentication though other tools like Firebase, AWS Cognito or AuthGuardian should also work perfectly well.

Database Tutorials

The following database tutorials will teach you core concepts around data modelling with examples of SQL statements

PostgreSQL Tutorial
This tutorial will help you understand the different PostgreSQL features, when and how to use them, and is an ideal starting point before diving into advanced topics.
MySQL Tutorial
This course is a super-fast introduction to learning about key concepts of MySQL and setting it up for app development.
Microsoft SQL Server
This course is designed to help you understand the key features of MSSQL server, when and how to use them, and will lay a foundation for you to learn advanced concepts.
YugabyteDB Tutorial
This tutorial will help you set up YugabyteDB and Hasura on a cloud-native environment and the connection between the two for making GraphQL queries on a geo-distributed DB.

Introduction to GraphQL

GraphQL is open source and is maintained by the Linux Foundation. GraphQL API has a schema and type system. Learn more about the fundamentals of GraphQL through the resources listed below.

Introduction to GraphQL

Hasura Learn is fully open source and maintained by our amazing community

150+ contributors

700+ Stars

Contribute

Frequently Asked Questions

Are these tutorials free?

Absolutely! All of our GraphQL Tutorials are free and open source.

Who can take these tutorials?

All frontend / backend / fullstack developers can take these tutorial series to build real-world applications.

Will there be example code snippets or links to documentation?

All the tutorials will have the full source code available in the open-source hasura/learn-graphql repo.

Is GraphQL easy to learn?

Yes! GraphQL is easy to learn and consume on the client. However, building a custom GraphQL Server following best practices can be difficult for developers coming from REST API background.

What front end clients are being used in the tutorials?

Most of the frontend frameworks use Apollo Client for the integration. We are planning to add more tutorials around other clients like Urql.

What technologies are used in the tutorials?

Technology choices are mostly wide open. The javascript libraries used can be replaced with an equivalent one. The server-side APIs are taken care of by Hasura GraphQL Cloud Service connected to a PostgreSQL database.

Is GraphQL frontend or backend?

GraphQL is just a query language spec and there are implementations on both client and server.

What language is GraphQL written in?

GraphQL is language agnostic. Reference implementations for the spec have been written in multiple languages, the most popular one being in javascript.

Hasura Github Channel

Join our GitHub channel and stay connected with Hasura users from over 83 countries.

Hasura Discord Channel

Join our Discord channel and stay connected with Hasura users from over 83 countries.

Recommended GraphQL Resources

GraphQL fundamentals are fairly easy to learn. Recommended resources to help guide you through your Hasura & Fullstack development journey.

We've put together a set of awesome lists for your favorite front-end frameworks. These lists talk about clients, developer tools, boilerplates, use cases, and more:

Check out the sample apps below to get a taste of how real-time GraphQL and Auth work with Hasura. We also have boilerplates to help you get started quickly with your favorite framework.

Start with GraphQL on Hasura for Free

Build apps and APIs 10x faster
Built-in authorization and caching
8x more performant than hand-rolled APIs

Try GraphQL with Hasura