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 2y agoMastering Next.js - 50+ Lesson Video Course on React and Next
By: Mastering NuxtThe premiere video course for building static and server-side rendered applications with Next.js and React. Sign up now and get two videos instantly!5h 9m
UpdatedNextJS E-Com Masterclass: Learn The All New Next JS
By: UdemyBuild a full-stack e-commerce site with Next.js, TypeScript, MongoDB, and Cloudinary in this 171-lesson project-based masterclass.19h 17m5/5
Updated 2y agoComplete Next.js with React & Node - Beautiful Portfolio App
By: UdemyMaster Next.js (Next 9), React (React 16+) & Node. Learn how to build Isomorphic Website, incl. SEO, Blog, Deployment59h 43m
ClassicThe Joy of React
By: Josh ComeauThe all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let s be real. Learning React is hard.25h 35m5/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 3y agoThe Ultimate NextJs Course
By: Hamed BahramNextJs is a powerful framework for building fullstack React applications. It makes it easy to create fast.15h 7m5/5
UpdatedNext.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
By: UdemyBuild a full portfolio app with Next.js, Apollo, and GraphQL, using MongoDB Atlas and a Node.js server for data and state management.28h 38m
Updated 9mo agoBuild a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native
By: Michael GuayLearn to build a full stack todo app with TypeScript, Turborepo, tRPC, Next.js, NestJS, and React Native. You build web, backend, and mobile parts with steps.2h 47m
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
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 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
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.