Free tutorials
Create a LMS Course Platform with Next.js23h 18m

Create a LMS Course Platform with Next.js

@janmarshalcoding23h 18mAdvanced
nextjstypescriptarcjetbetter-authneonpostgresprismavercel

Source code

Premium
$29one-time

Includes the complete project source. Access is granted through a GitHub invite to your account.

About this tutorial

Today is a special day because with this video I am releasing my biggest and most comprehensive course/tutorial ever

๐Ÿ”ฅ Features:

  • ๐ŸŒ Next.js 15

  • ๐ŸŽจ Tailwind CSS & Shadcn UI

  • ๐Ÿ”’ Authentication with Better-Auth (Email OTP & GitHub OAuth)

  • ๐Ÿ›ก๏ธ Arcjet Security Protects against XSS, SQL injection, and other common attacks

  • ๐Ÿ“ˆ Progress Tracking

  • ๐Ÿง‘โ€๐Ÿ’ผ Admin Dashboard

  • ๐Ÿ‘ค Customer Dashboard

  • ๐Ÿšซ Rate Limiting

  • ๐ŸŽฅ Custom Video Player

  • ๐Ÿ“Š Beautiful Analytics

  • ๐Ÿ“ File Uploads with S3 (Presigned URLs)

  • โœ… Lesson Completion Tracking

  • โญ Custom Dropzone

  • ๐Ÿ’ณ Stripe Payment Integration

  • ๐Ÿ–ฑ๏ธ Course Structure with Drag & Drop

  • ๐Ÿ“ Custom Rich Text Editor

  • ๐Ÿงฎ Neon Postgres DB

  • ๐Ÿ’พ Prisma ORM

  • ๐Ÿš€ Deployed on Vercel

After the tutorial

Wiring auth by hand is the right way to learn it. Wiring it again on every product you ship is not. SyntaxKit is a Next.js starter kit with Better Auth, OAuth, and 2FA already wired in.

From $199 ยท one-time payment ยท lifetime updates

Related tutorials

View all
TanStack Start Full Stack Course (10 Hours) | Server Functions, Middleware, Auth etc.10h 4m

TanStack Start Full Stack Course (10 Hours) | Server Functions, Middleware, Auth etc.

TanStack Start has gained a lot of popularity recently, and for good reason. It's a game-changing framework offering end-to-end type safety while being one of the fastest on the market. In this tutorial, you'll learn everything there is to know about TanStack Start from A to Z. We'll cover the architecture, take a deep dive into routing, server functions, middleware, server routes, metadata and meta tags, data fetching, authentication, deployment, and much more. This isn't just a light overview, it's a deep dive covering all the key concepts in detail. By the end, you'll know how to build fast, secure, and well-optimized production-grade TanStack Start applications.

BeginnerWatch
Create a B2B AI SaaS with Next.js24h 7m

Create a B2B AI SaaS with Next.js

Ever wanted to build a SaaS, and not just any SaaS, but a B2B SaaS with AI functionality included? Well, I have news for you, because in this video, we are doing exactly that. We are creating a team communication software with organizations, channels, fancy infinite scroll, oh, did I already mention billing? Of course, we will have billing implemented. Not only that, but we have thread support baked in, reactions, and of course, all of this is done in real-time using Cloudflare Durable Objects. But wait, we set out to create a B2B AI SaaS, and therefore, it's infused with AI. Not only can users easily summarize threads, but we also have a full-on AI composer. Need help with your message or just want to fix the grammar? The composer is there to help with one click of a button. This is literally the most in-depth tutorial I have ever created, and I am excited for you to get started on this project!

AdvancedWatch
Next.js 16 Full Stack Course (8+ Hours)8h 26m

Next.js 16 Full Stack Course (8+ Hours)

Next.js is one of the most powerful React frameworks available and with the release of Next.js 16, it just got even better. New features like Cache Components make apps faster and more efficient than ever. In this video, weโ€™ll take a complete deep dive into Next.js, and youโ€™ll learn everything from A to Z. Weโ€™ll build a full production-ready application from scratch while exploring routing, server components, authentication, data fetching, real-time updates, caching, deployment, and much more. This wonโ€™t be just a light overview, weโ€™ll dive deep into the dynamics of Next.js while creating a powerful and fully optimized web application.

BeginnerWatch