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

Ultimate Next.js 13 Course + eBook

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
React, NextJS and NestJS: A Rapid Guide - Advanced

React, NextJS and NestJS: A Rapid Guide - Advanced

Sources: udemy
React with Typescript, Next.js, Redux, NestJS, Docker, Redis, Stripe, Frontend & Backend Filtering. Learn how to create an Ambassador App using React, NextJS an
8 hours 40 minutes 51 seconds
Full-Stack Project with Claude Code

Full-Stack Project with Claude Code

Sources: Mckay Wrigley (takeoff)
In this workshop, participants step by step create an MVP clone of FigJam - a visual collaboration editor - using Claude Code, Opus 4, Cursor IDE, and...
1 hour 12 minutes 14 seconds
Build a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native

Build a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native

Sources: Michael Guay
Master Turborepo, tRPC, Next.js, NestJS, and React Native by creating a full-stack Todo application with complete type safety and a mobile version.
2 hours 47 minutes 38 seconds