In this 10-hour course, you will learn how to create your own LMS (Learning Management System) platform from scratch. We will use modern technologies, including Next.js 13 with App Router for developing the interface, Prisma as an ORM for database interaction, Stripe for payment integration, and much more. The course is suitable for both beginners and experienced developers who want to master new tools and create a functional and professional educational service.
Build an LMS Platform
10h 41m 23s
English
Free
Added to CourseFlix
Build an LMS Platform is a 38-lesson 10 hours 41 minutes self-paced course by Antonio Erdeljac (Code With Antonio). In this 10-hour course, you will learn how to create your own LMS (Learning Management System) platform from scratch.
Course facts
- Lessons
- 38
- Duration
- 10 hours 41 minutes
- Language
- English
- Added to CourseFlix
- December 2024
- Instructor
- Antonio Erdeljac (Code With Antonio)
- Price
- Free
Who teaches Build an LMS Platform? Antonio Erdeljac (Code With Antonio)
Antonio Erdeljac is a Croatian developer behind the Code With Antonio YouTube channel — one of the more active independent full-stack JavaScript channels online, with a focus on long-form, project-based clones of well-known applications (Netflix clone, Spotify clone, Notion clone, Discord clone, Trello clone). The channel's distinctive contribution is the depth of those clone tutorials — each typically runs 8-15 hours and covers the full back-end-to-front-end implementation of a working app.
The course catalog covers the modern Next.js / React stack: App Router patterns, server components, server actions, Prisma + PostgreSQL, NextAuth / Clerk authentication, Stripe billing, file uploads, real-time features with Pusher, and the deployment workflow with Vercel. Material is paid extended versions of the YouTube content with additional features and context.
The CourseFlix listing under this source carries over 15 Code With Antonio courses spanning that range. Material is aimed at intermediate-and-up React developers building real full-stack applications.
What lessons are included in Build an LMS Platform?
- Space or K: play or pause
- J: rewind 10 seconds
- L: forward 10 seconds
- Left Arrow: rewind 5 seconds
- Right Arrow: forward 5 seconds
- Up Arrow: volume up
- Down Arrow: volume down
- M: mute or unmute
- F: toggle fullscreen
- T: toggle theater mode
- I: toggle mini player
- 0 to 9: seek to 0 to 90 percent of the video
- Shift plus N: next video
- Shift plus P: previous video
0:00 0:00
| # | Lesson Title | Duration |
|---|---|---|
| 1 | Intro & Demo | 08:56 |
| 2 | Environment Setup | 10:34 |
| 3 | Folders Setup | 15:47 |
| 4 | Authentication | 12:48 |
| 5 | Layout | 28:21 |
| 6 | Dynamic Layout | 10:34 |
| 7 | Course Creation UI | 18:42 |
| 8 | Prisma & DB Setup | 14:45 |
| 9 | Course Creation API | 09:27 |
| 10 | Course Edit Page UI | 18:50 |
| 11 | Course Title Form | 13:59 |
| 12 | Course Description Form | 09:38 |
| 13 | UploadThing & Image Form | 24:33 |
| 14 | Course Category Form | 17:35 |
| 15 | Course Price Form | 08:38 |
| 16 | Course Attachment Form | 20:26 |
| 17 | Prisma Schema Finalization | 08:50 |
| 18 | Chapter Creation API | 15:56 |
| 19 | Chapter Reorder Functionality | 27:05 |
| 20 | Chapter Edit Page UI | 16:08 |
| 21 | Chapter Description Form | 10:15 |
| 22 | Chapter Access Form | 09:31 |
| 23 | Mux Setup & Chapter Video Form | 16:36 |
| 24 | Chapter Publish Action | 31:41 |
| 25 | Course Publish Action | 23:12 |
| 26 | Courses Data Table | 24:56 |
| 27 | Categories Query | 14:06 |
| 28 | Search Query | 10:39 |
| 29 | Course Grid & Card UI | 28:15 |
| 30 | Course & Chapters Layout | 30:11 |
| 31 | Chapter HLS Video Player | 24:30 |
| 32 | Course Purchase UI | 07:38 |
| 33 | Stripe Integration | 24:49 |
| 34 | Chapter Progress Functionality | 27:39 |
| 35 | Student Dashboard | 14:48 |
| 36 | Teacher Analytics Dashboard | 15:30 |
| 37 | (Optional) Admin Protection | 08:54 |
| 38 | Deployment | 06:41 |
Enjoying this free course? One payment unlocks 2,000+ premium courses, from $6.67/mo. No auto-renew.
See plansWhat courses are similar to Build an LMS Platform?
Updated 1mo agoShopify + Next.js + Tailwind CSS: Modern Ecommerce
By: Working With ShopifyBuild a fast, custom online store using Shopify's Storefront API, Next.js, Tailwind CSS, and GraphQL, then deploy it live on Vercel.5h 7m
Updated 2y agoNext JS: The Complete Developer's Guide
By: Udemy, Stephen GriderCongratulations! You’re on the brink of entering the fast-evolving world of NextJS, designed to empower developers with the tools to create high-performance, fe15h 35m
Updated 3y agoUltimate Next.js 13 Course + eBook
By: JavaScript MasteryEnter the new era of React. Here’s a little known fact. 17% of the top 1 million websites use Next.js. And Next 13 usage in those top 1 million is doubling ever51h 35m
Updated 2y agoShadcn UI & Next JS - Build beautiful dashboards with shadcn
By: UdemyEmbark on an exciting journey into frontend development with our comprehensive Shadcn UI course.8h 12m5/5
Updated 2y agoReal-Time Collaborative Apps with Next.js and Supabase
By: Fullstack.ioThis course is here to assist you in efficiently creating real-time applications using Next.js, TypeScript, Tailwind CSS, and Supabase. We go beyond the fundame51m
Updated 1y agoBuild and Deploy a SaaS AI Agent Platform
By: Antonio Erdeljac (Code With Antonio)Embark on an innovative journey with our comprehensive course designed to teach you how to build and deploy a cutting-edge SaaS AI Agent Platform .13h 24m
Updated 2y agoBuild a Microservices app with .Net and NextJS from scratch
By: UdemyMicroservices is the latest 'buzzword' and hot topic in the web development industry at the moment and nowadays having microservices as part of your skillset.31h 42m
More courses by Antonio Erdeljac (Code With Antonio)
Updated 2y agoBuild a Jira clone
In this 16-hour course, consisting of two parts (by the way, this is my longest course!).16h 26m
FreeUpdated 1mo agoNext Auth V5 - Advanced Guide
Free 8-hour course: build a complete Next Auth v5 (Auth.js) toolkit with 2FA, password recovery, email verification, and Google/GitHub OAuth.8h 1m
FreeUpdated 2y agoBuild A Slack Clone
In this 15-hour course, you will create your own Slack clone using advanced technologies such as Next.js, Convex, Tailwind CSS, Shadcn UI, and others.15h 13m
Updated 2y agoDuolingo Clone
In this 11-hour course, you will learn how to create your own SaaS application for language learning, similar to Duolingo. Users will be able to choose language11h 12m
Updated 2y agoCode With Antonio Workshops
These workshops show you how to build real apps with modern tools. You follow clear steps in each task. You learn by doing and test ideas as you go.17h 3m
Updated 1mo agoBuild A Finance Platform
Build a full SaaS finance platform over 11 hours: import transactions via CSV, connect a bank with Plaid, and monetize with Lemon Squeezy.13h 43m5/5
Frequently asked questions
What prerequisites are needed for this course?
This course is suitable for both beginners and experienced developers. Basic familiarity with web development concepts is beneficial. Experience with JavaScript and frameworks like React will be helpful since Next.js, which builds on React, is used extensively in the course.
What will I build by the end of the course?
By the end of the course, you will have created a fully functional Learning Management System (LMS) platform. This includes features like user authentication, course creation and management, payment processing with Stripe, and analytics dashboards for students and teachers.
Who is the target audience for this course?
This course is aimed at both beginners and experienced developers who want to learn how to build a professional LMS. It's ideal for those interested in mastering modern web technologies like Next.js 13, Prisma, and Stripe for educational service platforms.
How does the course compare in depth and scope to similar courses?
The course provides a comprehensive overview of building an LMS from scratch, focusing on both front-end and back-end components. It covers essential tools like Next.js for interface development and Prisma for database management, which sets it apart from courses that may focus solely on one aspect of web development.
What specific tools and platforms will I learn to use?
The course covers a range of modern technologies including Next.js 13 for developing the user interface, Prisma as an ORM for database interactions, and Stripe for integrating payment systems. You'll also learn to use UploadThing for image handling and Mux for video management.
What topics are not covered in this course?
The course does not cover topics like advanced data analytics, deep learning algorithms for personalized learning experiences, or mobile app development. It focuses specifically on web-based LMS platforms and the necessary tools to build them.
How much time should I commit to complete the course?
The course has a total runtime of 10 hours, divided into 38 lessons. Depending on your pace and prior experience, additional time may be needed for practicing and implementing the concepts covered in each lesson.