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 and Deploy an AI Automation SaaS

    Build and Deploy an AI Automation SaaS

    Sources: Code With Antonio
    Master the creation of AI-SaaS: developing Nodebase, automating processes, AI integration, and implementing monetization. A practical guide from idea to launch.
    11 hours 59 minutes 29 seconds
  • Building a Full-stack Multilingual Blog with Next.js 13.4

    Building a Full-stack Multilingual Blog with Next.js 13.4

    Sources: udemy
    Are you looking to build a modern, full-stack blog with the latest technologies? Look no further than this comprehensive Udemy course, which will guide you thro
    9 hours 15 minutes 4 seconds
  • The Ultimate NextJs Course

    The Ultimate NextJs Course

    Sources: hamedbahram.io
    NextJs is a powerful framework for building fullstack React applications. It makes it easy to create fast, SEO-friendly websites and web applications that are optimized for perf...
    15 hours 7 minutes 33 seconds
  • supastarter - SaaS starter kit for Next.js & Nuxt

    supastarter - SaaS starter kit for Next.js & Nuxt

    Sources: supastarter
    Supastarter is a powerful starter kit for building scalable and production-ready SaaS applications based on Next.js. Save hundreds of hours...
  • Build an AI Chatbot with Vercel AI SDK & Gateway

    Build an AI Chatbot with Vercel AI SDK & Gateway

    Sources: Michael Guay
    Attend the workshop and create an AI chatbot using NestJS and Next.js. Learn how to integrate an AI interface into the application using Vercel AI SDK and...
    2 hours 21 minutes 35 seconds