Build an LMS Platform
10h 41m 23s
English
Free
Course description
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.
Watch Online
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 |
Comments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Building an AI Icon Generator using the T3 Stack (Next.js, Prisma, TailwindCSS, Typescript, Dall-E API)
Sources: Web Dev Cody
Are you looking to take your web development skills to the next level? Do you want to learn how to build a fully functional icon generator that integrates with
5 hours 53 minutes 23 seconds
Ultimate Next.js 13 Course + eBook
Sources: jsmastery.pro
Enter 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 ever
51 hours 35 minutes 4 seconds
Next.js From Scratch 2024
Sources: Brad Traversy
The main project in this course is a full-featured property rental website with property search, browsing and management. User authentication using Next Auth al
11 hours 54 minutes 9 seconds
The Joy of React
Sources: Josh Comeau
The 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. Over the past few years...
25 hours 35 minutes 33 seconds
FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT
Sources: udemy
This is simply the best course on the internet if you want to build and deploy the best authentication system that you can take and use in all of your projects
6 hours 52 minutes 28 seconds