In this 20 bite-sized video series, you will learn how to build a full-stack application that allows your friends to order pizzas. 🍕
You will use the following technologies to build it:
- Hasura Cloud
- Next.js
- Vercel
- TailwindCSS and DaisyUI
- GraphQL Code Generator
- URQL
- GitHub CI/CD
By the end of the series, you will have a production application with CI/CD and user login.
The series consists of 20 videos:
- Intro to creating a full-stack food ordering app with Hasura and NextJs
- Create a local Hasura project w/ tracking metadata & deploy to Hasura Cloud with GitHub Integration
- Add frontend framework NextJS and deploy to Vercel with Github and the Hasura-Vercel integration
- Fetching data from Hasura into Nextjs, local and cloud
- Using GraphQL client URQL to fetch data from Hasura
- Using GraphQL Code-Generator to generate types from our Hasura API
- Adding TailwindCSS to our Hasura-NextJS app
- Adding “do-not-edit” labels to Hasura Cloud
- Using Hasura for server state and Zustand for local state in NextJS
- Creating authentication action handlers for Hasura with NextJS
- Adding NextJS action handlers to the Hasura API
- Managing permissions in Hasura for good data disclosure policy
- Calling our Hasura action from the front-end
- Deploying to Hasura Cloud with the Hasura CLI and an introduction to Hasura metadata squash
- Creating Pizzas and working with generated URQL React hooks from the Hasura API
- Adding enums to Hasura
- Working with GraphQL Fragments in Hasura
- Adding realtime GraphQL subscriptions from the Hasura API
- Advanced permissions with role based tables
- Closing up the backyard pizza project beginner’s guide
Top comments (0)