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 a Shopping App With Next.js + NestJS & Prisma

Build a Shopping App With Next.js + NestJS & Prisma

Sources: udemy, Michael Guay
Study the creation of a Shopping App using Next.js, NestJS, and Prisma. Develop a fully-fledged full-stack application with Stripe integration for payments...
8 hours 6 minutes 54 seconds
Mastering Next.js 13 with TypeScript

Mastering Next.js 13 with TypeScript

Sources: codewithmosh (Mosh Hamedani)
Clear. Concise. Comprehensive. Tired of piecing together disconnected tutorials or dealing with rambling, confusing instructors? This course is for you! It's pe
5 hours 16 minutes 33 seconds
Build A Canva Clone

Build A Canva Clone

Sources: Code With Antonio
In this 18-hour course, we will create a platform for graphic design with numerous features. You will learn how to create an intuitive editor for cust...
17 hours 48 minutes 39 seconds
Server side rendering with Next + React

Server side rendering with Next + React

Sources: udemy
Do you want to learn the whole process of building a server side React App ?. This is the course for you. We will start from the very beginning, from "I don't even know how to u...
29 hours 43 minutes 19 seconds