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

YouTube

Add Stripe Payments to Next.js in 2 Minutes - Billing, Stripe, and Kinde Auth

ByteGrad via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to integrate Stripe payments and Kinde authentication into a Next.js application in this comprehensive 19-minute tutorial. Set up complete billing functionality including authentication systems, payment processing, and user management features. Begin with Next.js authentication setup using Kinde, then progress to implementing billing infrastructure with Stripe integration. Configure subscription plans including Plus ($9/month) and Pro ($19/month) tiers with both metered and unmetered features. Build pricing tables and dedicated pricing pages, explore the Stripe dashboard for payment management, and implement fulfillment systems using roles, permissions, and account APIs. Master the creation of self-serve customer portals that allow users to upgrade, downgrade, and manage their subscriptions independently. Gain practical experience with modern payment processing, subscription management, and authentication workflows essential for building commercial Next.js applications.

Syllabus

00:00 Intro
02:24 Next.js auth setup
05:40 Next.js billing setup
06:35 Stripe + Kinde
06:46 Plans Plus & Pro
07:43 Plus Plan $9 / mo
08:34 Features metered / unmetered
09:39 Pro Plan $19 / mo
10:16 Features metered / unmetered
11:01 Pricing table
12:27 Pricing page
13:20 Stripe dashboard
13:44 Fulfillment Roles & Permissions
14:33 Fulfillment Account API
16:52 Self-serve Portal
17:02 Downgrade / Upgrade
18:28 Outro

Taught by

ByteGrad

Reviews

Start your review of Add Stripe Payments to Next.js in 2 Minutes - Billing, Stripe, and Kinde Auth

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.