Tutorials Hub
Find all Frontend, Backend resources here
All Stories
Announcements
Product Announcements at HasuraCon’22: making GraphQL the ultimate Data API
Hasura releases GraphQL Data Connectors alpha SDK, Streaming Subscriptions API, Hasura availability on AWS Marketplace, support for Open Telemetry as well as General Availability of a GitOps workflow with Hasura Cloud and Hasura Cloud on Google Cloud Platform.
GraphQL
Hasura GraphQL Data Connectors Release
Today we’ve released the alpha of the Hasura GraphQL Data Connectors as open source. This is a combination of an API Agent, an SDK to develop against that agent, and a reference application to show a working example of how it all works to provide new connections to varied data sources.
HasuraCon
10 Reasons We’re Super Excited About HasuraCon’22
We’re bringing the global Hasura community together to share exciting product releases, inspiring keynotes, real-world use cases, hands-on workshops, and our very first HASURAwards!
Authentication
Top 7 Authentication Providers for Building Apps With JWT (2022)
This article presents the benefits and drawbacks of using an Authentication Provider and compares the existing ones that support JWT integration.
GraphQL
How we use the Dataloader pattern for optimising GraphQL Joins at Hasura
In this post, we will look at how the dataloader pattern is used for GraphQL Joins which has performance implications.
Quasar Framework
Build Responsive Cross-Platform Vue Apps with Quasar Framework and GraphQL
Build responsive SPAs, SSR Apps, PWAs, Hybrid Mobile / Electron Apps using a single codebase with Quasar Framework powered by Vue.js and GraphQL APIs over postgres using Hasura
Gridsome
Build and Deploy Vue.js Static Sites using Gridsome and GraphQL
Build JAMStack style modern static sites in Vue.js with Gridsome and Hasura GraphQL, sourcing data from postgres database.
Vue.js
Create Nuxt.js Universal Apps using GraphQL on Postgres
Server side render (SSR) websites using Nuxt.js and GraphQL APIs over Postgres using Hasura GraphQL Engine. Instant setup. Tutorial/boilerplate -> nuxtjs-postgres-graphql
GraphQL
Building file upload and downloads with Hasura GraphQL
Learn how to build a simple storage service to manage file uploads/downloads on S3 with the Hasura GraphQL Engine.
Next.js
Regenerate Next.js Pages On-demand (ISR) with Hasura Table Events
New in Next.js 12.1 is Incremental Static Regeneration which allows us to create and update pages on demand. We can pair this with Hasura table events to keep our web pages always up to date and only rebuild when data changes.
GraphQL
A Simple, Realtime, Event Driven Architecture with QR Codes
Hasura event triggers, REST endpoints, and subscriptions APIs allow for simple, event-driven patterns with many use-cases.
GraphQL
Building a realtime chat app with GraphQL Subscriptions
Here is how I used subscriptions in Hasura GraphQL Engine to build a full-fledged real-time group chat app on Postgres with React and…
Tutorials
The fastest way to get started with Hasura is to try out one of our many online tutorials. It’s free!
