Create a Full-stack LMS Course Website with Next.js 16, Stripe & TestSprite

Description

Build a modern LMS course platform with Next.js 16, TypeScript, MongoDB, Stripe, Clerk, Tailwind CSS v4, & TestSprite – a full stack project where users pay $99 once and get lifetime access to ALL current & future courses. In this video, we’ll build a complete course selling website (Udemy-style) with: ✅ Student dashboard & course player (YouTube + Wistia) ✅ Secure payments with Stripe ✅ Role-based admin panel (create/edit courses, chapters, lectures) ✅ Authentication & authorization with Clerk ✅ Super fast performance using Next.js 16 App Router features If you’re a MERN / Next.js developer and want a real-world SaaS project for your portfolio, this LMS project is perfect for you. 🚀 🔥 What You’ll Build For Students: 💰 $99 one-time payment for lifetime subscription 🎓 Unlimited access to all courses (current + future) 📺 Video course player (supports YouTube + Wistia) 🔐 Clerk authentication (sign-in / sign-up / protected routes) 📊 Personal dashboard with all purchased courses For Admins: 👥 User management via Clerk metadata 📚 Course management – create, edit, publish, delete courses 📝 Drag-and-drop chapter & lecture ordering 📊 Analytics dashboard – revenue, stats, recent purchases 🔒 Role-based access control for admin routes 🧰 Tech Stack Used 1. Framework: Next.js 16 (App Router, Server Components) 2. Language: TypeScript 3. Auth: Clerk 4. Database: MongoDB + Mongoose 5. Payments: Stripe (including webhooks) 6. Media & Images: Cloudinary (Next Cloudinary) 7. Forms: React Hook Form 8. Styling: Tailwind CSS v4 9. Video Players: YouTube API, Wistia 🏷️Images & Source Files: 👉 Explore TestSprite: https://www.testsprite.com/ 💻 Source Code: 1. Starter File: https://github.com/mdalmamunit427/lms-course-subscription-project-starter.git 2. Download Complete Source Code for Free: https://github.com/mdalmamunit427/contrarian-sales-funnel.git ✅ For a one-time payment of $3, gain lifetime access to all our existing and future courses (including all source codes). 👉 Join Pro Membership: https://buymeacoffee.com/aspiringdev/e/316762 🕒 Video Chapters:: 00:00:00 Intro Video 00:00:50 Project Overview 00:14:50 Project Setup 00:24:20 setup clerk authentication 00:46:39 connect mongodb 01:04:51 user model and clerk webhooks syncing 01:41:02 Introducing TestSprite 01:42:43 installing TestSprite MCP Server 01:49:31 subscription model 02:03:50 stripe payment processing 02:36:54 automated payment using stripe webhooks 03:11:21 payment success page 03:44:59 design dashboard layout 04:03:01 user progress schema and model 04:13:19 course schema and model 04:20:57 dashboard courses 04:49:09 dashboard page completed 05:15:34 course player #nextjs #lms #project ⬇️Popular Playlists⬇️ 1. Complete MERN STACK: https://www.youtube.com/playlist?list=PLlW1xskDb97LUSanCCOObbt9Mmw8eoabr 2. React Tutorial for Beginners: https://www.youtube.com/playlist?list=PLlW1xskDb97K0zzOL9yM8PgY7fE2ZBzZF 3. Javascript Tutorial for Beginners: https://www.youtube.com/playlist?list=PLlW1xskDb97KNn62JfUFz-85f1x7QlzBj ► You Can Share your Ideas In this ❤️Comment Box❤️ ► For copyright matters please get in touch with us at: help.yourassitant@gmail.com ❤️Search Me In Google ► Md Al Mamun 🏷️ Related Tags: learn react js, personal portfolio website, react js crash course