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

YouTube

Build a Next.js SaaS From Scratch - Step-by-Step

ByteGrad via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a complete Software as a Service (SaaS) application from scratch using Next.js in this comprehensive 4-hour tutorial. Start by exploring the project demo and understanding full-stack Next.js development concepts before diving into practical implementation. Set up your development environment and master Next.js routing and folder structure fundamentals. Create and style essential pages including the home page, dashboard, and account sections while building a functional app header component. Implement full CRUD (Create, Read, Update, Delete) operations for expense management and integrate a database using Prisma ORM. Master server components for data retrieval and server actions for data updates, including the revalidatePath function for cache management. Integrate PostHog analytics to track user behavior and application performance. Add robust authentication functionality and implement payment processing capabilities with webhook handling for secure transactions. Build utility functions for authentication and membership verification, then prepare your application for production deployment. Complete the tutorial with final testing procedures and learn to configure PostHog for both development and production environments.

Syllabus

00:00 Demo
01:32 PostHog
02:00 Full-stack Next.js
07:16 Project setup
12:56 Routing & Folder structure
21:30 Home page content + styling
28:49 Dashboard content + styling
41:19 App header
55:21 Account page content + styling
57:31 Important
58:03 CRUD for expenses starting
01:00:51 Add database with Prisma
01:08:51 Get data in server component
01:15:19 Update data in server actions
01:24:28 revalidatePath
01:33:32 PostHog for analytics
01:52:16 Authentication
02:25:18 Payments
02:52:45 Webhooks
03:10:06 Change buttons
03:24:03 Utility function for auth & membership check
03:36:47 Production
04:01:25 Final check
04:06:29 PostHog dev vs prod
04:07:07 Outro

Taught by

ByteGrad

Reviews

Start your review of Build a Next.js SaaS From Scratch - Step-by-Step

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.