Hasura Next.js Boilerplate is a boilerplate for building applications using Hasura and Next.js. This boilerplate consists of the following:
This boilerplate is built using the following technologies:
It supports GraphQL Query, Mutation and Subscription out of the box.
- Frontend: Next.js application
This application is the primary user-facing application. Once it’s up and running (see Development section), it’s available on http://localhost:3000.
- Backend: Dockerized Hasura application
Hasura is an open source engine that connects to our databases & micro-services and auto-generates a production-ready GraphQL backend. It’s very easy to get Hasura up and running on our local system. All the migrations are set up in the migrations directory.
- Clone the application.
git clone firstname.lastname@example.org:ghoshnirmalya/nextjs-hasura-boilerplate.git
- Run the bootstrap script by running the following command from the root of your project:
cd nextjs-hasura-boilerplate && yarn bootstrap
Create a Google OAuth Client from https://console.developers.google.com/apis/credentials/oauthclient and copy the credentials to
.envfile inside the
Start Docker and run both the applications by running the following command from the root of your project:
We need to start Docker and then run the above command. The Hasura console will be available at http://localhost:8080/console. The Hasura GraphQL endpoint will be up and running on http://localhost:8080/v1/graphql. The Next.js application will be available at http://localhost:3000/.