Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Full-Stack Serverless Applications with Next.js & Fauna

via egghead.io

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

Reviews

4.7 rating at egghead.io based on 18 ratings

Start your review of Full-Stack Serverless Applications with Next.js & Fauna

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.