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.
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.
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.
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.
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
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.
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.
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.
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.
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.