YoVDO

Full-Stack Serverless Applications with Next.js & Fauna

Offered By: egghead.io

Tags

Next.js Courses Web Development Courses Auth0 Courses Data Modeling Courses Stripe Courses

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

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 Stripe
Laracasts
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