MENU

Fun & Interesting

Build A Course Platform LMS With Next.js 15, React 19, Stripe, Drizzle, Shadcn, Postgres

Web Dev Simplified 78,093 3 months ago
Video Not Working? Fix It Now

Try ArcJet: https://launch.arcjet.com/KT8bSa0 Get Clerk: https://go.clerk.com/Zz0KeQZ This project not only will show you how to create a course platform with Next.js 15, React 19, Shadcn, Stripe, Drizzle, and Postgres, but it will more importantly teach you many best practices around Next.js 15, caching, project structure, and much more. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/course-platform Next.js Bug GitHub Issue: https://github.com/vercel/next.js/issues/74757 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 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 #WebDevelopment #WDS #NextJS

Comment