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
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
- Level
- All levels
- Language
- English
- Updated
- 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 |
What courses are similar to Build an LMS Platform?
Updated 1y agosupastarter - SaaS starter kit for Next.js & Nuxt
By: SupastarterSupastarter is a powerful starter kit for creating scalable and production-ready SaaS applications based on Next.js.5/5
Updated 2y agoSleek Next.JS Applications with shadcn/ui
By: Fullstack.ioDive into the development of modern web interfaces by learning the fundamentals of shadcn/ui, TailwindCSS, and Radix UI.5h 10m5/5
FreeUpdated 2y agoBuild A Slack Clone
By: Antonio Erdeljac (Code With Antonio)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 agoBuild a Jira clone
By: Antonio Erdeljac (Code With Antonio)In this 16-hour course, consisting of two parts (by the way, this is my longest course!).16h 26m
ClassicBuild A Canva Clone
By: Antonio Erdeljac (Code With Antonio)In this 18-hour course, we will create a graphic design platform with a variety of features.17h 48m5/5
Updated 2y agoReact, NextJS and NestJS: A Rapid Guide - Advanced
By: UdemyReact with Typescript, Next.js, Redux, NestJS, Docker, Redis, Stripe, Frontend & Backend Filtering. Learn how to create an Ambassador App using React, NextJS an8h 40m0/5
Updated 2y agoMERN React Node Next.js Multi User SEO Blogging Platform
By: UdemyMaster the Art of Building Real World SEO Web Applications using MERN (Mongo Express React Node) Stack. Become a true Web Developer with this Ultimate Project b20h 25m
More courses by Antonio Erdeljac (Code With Antonio)
- Updated 2y ago
Build a Jira clone
In this 16-hour course, consisting of two parts (by the way, this is my longest course!).16h 26m 
FreeUpdatedNext 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 ago
Build 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
UpdatedBuild 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.