Next.js Boilerplate Setup
For this tutorial, the GraphQL backend and the basic app UI is already ready. Our task will be to convert the "static" UI into a working realtime app in Next.js
Download and run the boilerplate
- Download the boilerplate from https://hasura.io/learn/graphql/nextjs-fullstack-serverless/boilerplate.zip
- Unzip and make sure you're in the
- Install dependencies and run the "static" app
Configure the environment variables
.env and configure the values for Auth0.
AUTH0_CLIENT_SECRET are available in your Auth0 application settings and
SESSION_COOKIE_SECRET can be any random string of at least 32 characters and it is used to encrypt the cookie.
This is what you should see after the steps above: