Approaches to add dynamic content to statically generated sites (JAMStack)

TL;DR The different approaches to add dynamic content to statically generated sites with JAMStack. JAMStack Constraints Types of Content User specific: Public / Auth protected Frequency of updates: Infrequent / Frequent Interactivity: Non-interactive ... more

Dynamic JAMStack with Gatsby and Hasura GraphQL

JAMStack is a modern architecture for building web apps. The developer workflow is vastly improved in comparison to the traditional CMS based experience. With a JAMStack powered web app, you get faster performance due to pre-built markup, the ability ... more

Building a serverless Nuxt app using GraphQL and Hasura Remote Joins

This tutorial was written by Travis Reynolds and published as part of the Hasura Technical Writer Program - an initiative that supports authors who write guides and tutorials for the open source Hasura GraphQL Engine. In this guide, we will build a simple ... more

The Ultimate Guide to handling JWTs on frontend clients (GraphQL)

JWTs (JSON Web Token, pronounced 'jot') are becoming a popular way of handling auth. This post aims to demystify what a JWT is, discuss its pros/cons and cover best practices in implementing JWT on the client-side, keeping security in mind. Although, ... more

Building a Instagram clone in React with GraphQL and Hasura - Part II

This tutorial was written by Abhijeet Singh and published as part of the Hasura Technical Writer Program - an initiative that supports authors who write guides and tutorials for the open source Hasura GraphQL Engine. In part-1 of this series, we setup ... more

Building a Instagram clone in React with GraphQL and Hasura - Part I

This tutorial was written by Abhijeet Singh and published as part of the Hasura Technical Writer Program - an initiative that supports authors who write guides and tutorials for the open source Hasura GraphQL Engine. Introduction In this tutorial I will ... more

Building scalable Flutter apps using Hasura, GraphQL, and event-driven serverless , Part 2 - Setting up Auth

This tutorial was written by Can Taşpınar and published as part of the Hasura Technical Writer Program - an initiative that supports authors who write guides and tutorials for the open source Hasura GraphQL Engine. Introduction This is the second part ... more

Building a Hacker News clone with Hasura, GraphQL and React - Part2

This tutorial was written by Abhijeet Signh and published as part of the Hasura Technical Writer Program - an initiative that supports authors who write guides and tutorials for the open source Hasura GraphQL Engine. In part-1 of this series, we setup ... more

Building a Hacker News Clone with GraphQL, Hasura and React - Part1

This tutorial was written by Abhijeet Singh and published as part of the Hasura Technical Writer Program - an initiative that supports authors who write guides and tutorials for the open source Hasura GraphQL Engine. Here is how I used Hasura GraphQL ... more

Join any OpenAPI Swagger spec data to GraphQL using Hasura Remote Joins

TL;DR Use Hasura Remote Joins to join data from your Postgres database with any OpenAPI/Swagger Spec GraphQL. Boilerplate - openapi-swagger-remote-schema This post is a part of our Remote Joins (available in preview) series. Remote Joins in Hasura allows ... more

Custom auth for Hasura with Netlify

In the last couple of months, I published several blog posts on authentication with different providers such as Auth0 or AWS Cognito. I also summarized different authentication options with these providers in Hasura Authentication Explained blog post ... more

Build and Deploy Realtime Svelte 3 Apps Using GraphQL

TL;DR Build a Realtime Svelte.js 3 App using GraphQL (svelte-apollo and Hasura) and Deploy on Now 2.0 Platform. Instant setup/sample-app 👉 svelte-apollo What is Svelte? Svelte is a component framework that compiles components at build step (unlike React/Vue) ... more

Triggering Serverless Zeit Now on Postgres Events with Hasura

TL;DR Build a 3factor app with Hasura’s instant realtime GraphQL and leverage serverless deployments of Now 2.0 for deploying GraphQL APIs and webhooks. In this post, we will look at building a 3factor app which leverages Hasura for the real-time GraphQL ... more

Build a realtime mobile chat app using 3factor architecture

This tutorial was written by Umar Abdullahi and published as part of the Hasura Technical Writer Program - an initiative that supports authors who write guides and tutorials for the open source Hasura GraphQL Engine. What is 3factor architecture? 3factor ... more

Building file upload/downloads for your Hasura app

This tutorial was written by Johan Eliasson and published as part of the Hasura Technical Writer Program - an initiative that supports authors who write guides and tutorials for the open source Hasura GraphQL Engine. Hasura is great at handling data ... more

Hasura Authentication Explained

As you may know from various other blog posts found on blog.hasura.io, Hasura supports various types of authentication and in the following blog post I want to lay out what are your authentication options when using Hasura in production. We will talk ... more

Add Authentication and Authorization to Next.js 8 Serverless Apps using JWT and GraphQL

TL;DR Deploy a Node.js Express JWT service for authenticating requests to Hasura GraphQL Engine. Authorization using JWT and Hasura GraphQL permissions A sample Next.js 8 app with login,signup and articles listing page Deploy to Now.sh using serverless ... more

Add Authentication and Authorization to Vue.js Apps with Auth0 and GraphQL

TL;DR Add authentication to Vue.js app with Auth0 Authorization using JWT and Hasura GraphQL permissions A sample Vue app protected by login to fetch articles written by logged in user Source code for sample app Vue.js + Auth0 + GraphQL + HasuraTech Stack ... more

Vue and GraphQL with Hasura - a free video course

Recently, I released a video course on VueJS and GraphQL using Hasura. This course is aimed at people familiar with the basics of GraphQL and VueJS, and is structured as 13 short videos, coming in at a total length of 1h and 45 minutes. During the course ... more

Building an image processing app with GraphQL and async serverless

Here's how I used GraphQL Subscriptions to build an image processing app that uploads an image to the cloud and converts it to sepia asynchronously TL;DR Hasura gives instant GraphQL APIs over Postgres Image processing is best done asynchronously so ... more

Building a Progressive Todo Web App with Vuetify, Vuex and GraphQL

TL;DR Build a progressive todo app with Vuetify, Vuex, VueApollo and integrate GraphQL APIs using Hasura GraphQL Engine. Instant setup. App Source Code 👉 vuetify-vuex-todo-graphql Vuetify + Vuex + Hasura GraphQLTech Stack This progressive web app uses ... more

Build Responsive Cross Platform Vue Apps with Quasar Framework and GraphQL

TL;DR 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 GraphQL Engine. Instant setup. Tutorial/boilerplate 👉 quasar-framework-vue-graphql ... more

Git Push to Deploy Lambdas using CircleCI

TL;DR: We want to setup a git push workflow to deploy our functions on AWS Lambda: $ git push origin master * branch master -> FETCH_HEAD 9e364190..0e14a1fd master -> origin/master Updating 9e364190..0e14a1fd $ #triggers a circleci job that deploys ... more

Building stateful apps with serverless functions and Postgres

How should your serverless functions interface with a database to manage application state? This post explores the different ways to deal with application state when writing business logic in serverless functions. We'll primarily use Postgres as the database ... more

Build and Deploy Serverless Apps with Next.js 8 and Zeit Now

TL;DR: Configure Next.js 8 serverless mode to generate lambdas for each page. Use Hasura GraphQL API as data layer. Deploy to Zeit Now. Instant setup. Tutorial/boilerplate 👉 nextjs-8-serverless Next.js Serverless Apps on Now Next.js 8 landed last week ... more

Build react-static sites using GraphQL on Postgres

TL;DR: Source data from your existing postgres database for your react-static site. Instant setup. Tutorial/boilerplate 👉 react-static-graphql react-static <- GraphQL <- Hasura <- Postgres react-static is a progressive static site generator ... more

Notes from GraphQL Contributor Days Nov'18

GraphQL Contributor Days is a community discussion hosted by ThisDot and Hasura. The first event was in November 2018; we invited folks from the GraphQL community in and around San Francisco, had lunch, discussed GraphQL, had coffee and discussed some ... more

Create Nuxt.js Universal Apps using GraphQL on Postgres

TL;DR: Server side render websites using Nuxt.js and GraphQL APIs over postgres using Hasura GraphQL Engine. Instant setup. Tutorial/boilerplate 👉 nuxtjs-postgres-graphql Building universal apps is generally touted to be hard and Nuxt.js is here to ... more

Call for open-source contributions!

The Hasura GraphQL Engine is an open-source project that provides a ready-to-use GraphQL API on Postgres. Over the last few months, Hasura has been starred over 6000 times on Github, and has a nascent but vibrant community who hang out on the Discord ... more

Setting up a production ready realtime GraphQL backend in just a few minutes

Announcing the DIY Realtime GraphQL BaaS using Hasura, DigitalOcean and Auth0 Since Facebook announced GraphQL three years ago, GraphQL popularity has grown by leaps and bounds. In the 2018 state of javascript survey, 83% of JS developers had either ... more