Black Friday 2024: 25+ Ways to Save on Online Learning

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

egghead.io

Build a SaaS product with Next.js, Supabase and Stripe

via egghead.io

Go to class Write review

Overview

Throughout this course, you will learn how to build a static app with authentication that is backed by a database, change the structure of that database without compromising existing data, and take payments for individual products to manage subscriptions.
For your frontend, this application will be using Next.js and Tailwind CSS. You will learn how to maneuver around an app and build a strong static pricing page.
For your backend AND authentication, we will make use of Supabase. Supabase is open source and is all of the backend services that you will need to build your site. It includes a dedicated and scalable Postgres database and user management with Row Level Security!
Lastly, for payments, you will be using Stripe. It will be an individual payment checkout system that will create and update users' subscriptions.
Jon Meyers, a Developer Advocate at Supabase, will take you from create-next-app to deploying a full application that uses this stack in just 1 hour and 10 minutes!

Syllabus

  • Create a Supabase Project
  • Create a Table in Supabase
  • Create a Next.js App with Tailwind CSS
  • Query Data From Supabase Using Next.js
  • Use Next.js to Query a Single Record From Supabase
  • Implement Third Party Authentication with GitHub in Next.js Using Supabase
  • Add Relationships Between Tables in Supabase Using Foreign Keys
  • Use Postgres Functions to Implement Database Logic with Supabase
  • Use Supabase to Subscribe to Database Events with Postgres Triggers
  • Create a Stripe Customer with Next.js API Routes
  • Generate a Custom API Key to Secure an API Route in Next.js
  • Automatically Create a Stripe Customer for Each User with Supabase Function Hooks
  • Make User State Globally Accessible in Next.js with React Context and Providers
  • Implement Authorization Using Row Level Security and Policies
  • Implement Gated Content Using Row Level Security with Supabase
  • Use Stripe.js to Query Product Data and Pre-Render with Next.js
  • Create Shared Nav Bar in Next.js with _app.js
  • Query Dynamic Supabase Data in Static Pages Using Next.js
  • Pass Supabase Session Cookie to API Route to Identify User
  • Charge Customer for Stripe Subscription in Next.js
  • Subscribe to Stripe Webhooks Using Next.js API Routes
  • Use the Supabase Service Key to Bypass Row Level Security
  • Create a Client Page that Requires Authentication in Next.js Using getServerSideProps
  • Allow Customer to Manage Their Subscription with Stripe Customer Portal
  • Subscribe the UI to Database Changes with Supabase Real-Time
  • Configure Stripe for Production and Deploy Next.js Application with Vercel

Taught by

Jon Meyers

Reviews

4.7 rating at egghead.io based on 109 ratings

Start your review of Build a SaaS product with Next.js, Supabase and Stripe

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.