Skip to main content

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

Stripe for SaaS

Stripe for SaaS

Sources: fireship.io
You will build a Stock Photography Subscription SaaS Product from scratch where users can sign up for a subscription to access a library of images. Every monetized action is tra...
1 hour 11 minutes 29 seconds
NestJS gRPC & Angular

NestJS gRPC & Angular

Sources: Michael Guay
Find out how to connect a gRPC backend on NestJS to a frontend on Angular. We'll implement CRUD and set up real-time data streaming using Envoy...
1 hour 12 minutes 58 seconds
Next.js From Scratch 2024

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
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
Shopify + Next.js + Tailwind CSS: Modern Ecommerce

Shopify + Next.js + Tailwind CSS: Modern Ecommerce

Sources: workingwithshopify.com
Learn how to build blazing fast online storefronts used by the top brands today. Get a quick start with the latest tech stack that is in demand with the top bra
5 hours 7 minutes 23 seconds