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

YouTube

Build a Course Platform LMS with Next.js 15, React 19, Stripe, Drizzle, Shadcn, and Postgres

Web Dev Simplified via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a comprehensive Learning Management System (LMS) in this extensive 8.5-hour tutorial that covers both administrator and consumer-facing functionalities. Master modern web development by implementing a complete course platform using Next.js 15, React 19, Shadcn UI components, Stripe payment processing, Drizzle ORM, and PostgreSQL database. Follow along with detailed demonstrations of database setup, authentication implementation with Clerk, middleware security, and caching optimizations. Create essential features including course management, drag-and-drop lesson ordering, product pricing with regional price parity, purchase processing, sales tracking, and student course access. Gain practical experience with best practices for project structure, component organization, and state management while building both administrative interfaces for content management and user-friendly course consumption experiences.

Syllabus

00:00:00 - Demo
00:04:45 - Database Setup
00:11:05 - DB Schema Setup
00:33:35 - DB Migration/Docker Setup
00:38:15 - Clerk Setup
00:42:40 - [Consumer] Navbar Component
00:57:55 - Clerk Webhook
01:22:20 - Caching Setup
01:35:10 - Admin Setup
01:41:10 - [Admin] Course Form
01:59:00 - [Admin] Course Table Page
02:26:14 - [Admin] Course Sections/Lessons Edit Page
03:00:30 - [Admin] Drag and Drop Functionality
03:19:00 - [Admin] Finish Course Edit Page
03:49:40 - [Admin] Product Table Page
04:03:15 - [Admin] Product Form
04:26:30 - Middleware security
04:29:15 - Arcjet Setup
04:35:25 - Purchase Price Parity Setup
04:40:20 - [Consumer] Home Page
04:53:50 - [Consumer] Product Page
05:19:30 - [Consumer] Purchase Page
05:27:55 - Stripe Integration
05:57:30 - [Consumer] Purchase Failure/Success Pages
06:03:40 - Auth Edge Case
06:15:39 - [Consumer] Purchase History Table
06:28:56 - [Consumer] Purchase Receipt
06:45:10 - [Admin] Sales Table
07:03:00 - [Consumer] My Courses Page
07:19:50 - [Consumer] Course/Lesson Pages
08:22:25 - [Admin] Dashboard Page

Taught by

Web Dev Simplified

Reviews

Start your review of Build a Course Platform LMS with Next.js 15, React 19, Stripe, Drizzle, Shadcn, and Postgres

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.