Full-Stack Serverless Applications with Next.js & Fauna
Offered By: egghead.io
Course Description
Overview
Next.js is one of the most popular server-side-rendered React frameworks you can use to build production-ready serverless applications in record time.
On the other hand, Fauna is a flexible, serverless, distributed document-relational database. Fauna has a powerful GraphQL API and custom resolver support.
Using Next.js and Fauna, you can build robust, feature-rich, production-ready full-stack applications without the hassle of managing any servers or databases.
In this course, Shadid guides you through building your very own full-stack serverless marketplace application using Next.js, GraphQL, and Fauna.
You will learn,
How to work with Apollo GraphQL Client in Next.js
How to setup Fauna GraphQL
Data modeling in Fauna
How to write custom Fauna GraphQL Resolvers (UDFs)
How to authenticate with Auth0?
Stripe payment
On the other hand, Fauna is a flexible, serverless, distributed document-relational database. Fauna has a powerful GraphQL API and custom resolver support.
Using Next.js and Fauna, you can build robust, feature-rich, production-ready full-stack applications without the hassle of managing any servers or databases.
In this course, Shadid guides you through building your very own full-stack serverless marketplace application using Next.js, GraphQL, and Fauna.
You will learn,
How to work with Apollo GraphQL Client in Next.js
How to setup Fauna GraphQL
Data modeling in Fauna
How to write custom Fauna GraphQL Resolvers (UDFs)
How to authenticate with Auth0?
Stripe payment
Syllabus
- Bootstrap a New Next.js Application with Tailwind using create-next-app
- Model our Application Data with a GraphQL Schema
- Upload a GraphQL Schema to Create a FaunaDB Database and Create a Shop
- Create a Application Layout in Next.js and Cart Page
- Connect a Frontend Next.js Application to a Serverless Fauna Database with Apollo Client
- Query Data with GraphQL in Next.js from a Fauna Database
- Create Products in Fauna and Display Them on a Next.js Product Page
- Update the Product GraphQL Data Model and Upload Changes to Fauna
- Add Authentication to a Next.js Application with Auth0
- Configure Fauna to Authenticate with Auth0 in a Next.js Application
- Create a New Shop Form Page for Logged In Users
- Create New Shop with Apollo Client useMutation
- Set Dynamic Auth Header for Apollo Client using Next.js getServerSideProps
- Query Data by Property with GraphQL and Fauna in Next.js
- Create Dynamic Next.js Shop Page to Add Products for a Shop with Apollo useMutation
- Add a Product Relation to Shop to understand Document Model Relationship in Fauna
- Create Shop Details View that uses GraphQL to Query Fauna by Shop Id
- Run Multiple DB Operations with Custom Resolvers and Fauna Query Language
- Implement Delete Shop Mutation with Apollo Client in Nextjs
- Implement Cart Functionality for a Store with React Context
- Create a Checkout Page in Next.js that Displays Cart Contents
- Accept Payments through Stripe Checkout using Next.js API Routes
Taught by
Shadid Haque
Related Courses
Billing With StripeLaracasts Build a Web Shop From A-Z
Laracasts Colorwork Made Easy
Craftsy Creative Weaving Techniques on the Rigid Heddle Loom
Craftsy Perfect Pattern Matching: Plaids, Stripes & Beyond
Craftsy