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 TitleDuration
1Intro & Demo08:56
2Environment Setup10:34
3Folders Setup15:47
4Authentication12:48
5Layout28:21
6Dynamic Layout10:34
7Course Creation UI18:42
8Prisma & DB Setup14:45
9Course Creation API09:27
10Course Edit Page UI18:50
11Course Title Form13:59
12Course Description Form09:38
13UploadThing & Image Form24:33
14Course Category Form17:35
15Course Price Form08:38
16Course Attachment Form20:26
17Prisma Schema Finalization08:50
18Chapter Creation API15:56
19Chapter Reorder Functionality27:05
20Chapter Edit Page UI16:08
21Chapter Description Form10:15
22Chapter Access Form09:31
23Mux Setup & Chapter Video Form16:36
24Chapter Publish Action31:41
25Course Publish Action23:12
26Courses Data Table24:56
27Categories Query14:06
28Search Query10:39
29Course Grid & Card UI28:15
30Course & Chapters Layout30:11
31Chapter HLS Video Player24:30
32Course Purchase UI07:38
33Stripe Integration24:49
34Chapter Progress Functionality27:39
35Student Dashboard14:48
36Teacher Analytics Dashboard15:30
37(Optional) Admin Protection08:54
38Deployment06:41

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Build your AI startup in hours using our customizable demo apps | AnotherWrapper

Build your AI startup in hours using our customizable demo apps | AnotherWrapper

Sources: Fekri
Create your AI startup quickly and efficiently using AnotherWrapper's customizable demo apps. Our all-in-one Next.js AI starter kit includes everything you...
Building an AI Icon Generator using the T3 Stack (Next.js, Prisma, TailwindCSS, Typescript, Dall-E API)

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
The No-BS Solution for Enterprise-Ready Next.js Applications

The No-BS Solution for Enterprise-Ready Next.js Applications

Sources: Jack Herrington
Next.js is one of the most popular frameworks for building web applications. It is fast, flexible, and underpins some of the largest sites on the internet.
8 hours 20 minutes 31 seconds
Build Your SaaS AI Web Platform From Zero to Production

Build Your SaaS AI Web Platform From Zero to Production

Sources: Code4Startup (coderealprojects)
Discover the new trend in the world of startups and indie hackers - the creation of microservice AI-SaaS products that do more than just meet needs...
8 hours 36 minutes 2 seconds
Build and Deploy a Lovable Clone

Build and Deploy a Lovable Clone

Sources: Code With Antonio
In this course, you will create an AI platform for generating applications from scratch. You will learn how to build fully functional full-stack applications...
10 hours 34 minutes 16 seconds