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

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

@janmarshalcoding8h 26mBeginner
nextjstypescripttailwindcssreactshadcnvercelzodreact-hook-formbetter-authneon

Source code

Free

The complete source code is free. Clone the repository and build along with the tutorial.

About this tutorial

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.

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
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
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 LMS Course Platform with Next.js23h 18m

Create a LMS Course Platform with Next.js

We will build a complete LMS course platform from absolute scratch. We will build everything from a beautiful landing page to display all of the available courses, continue with an admin dashboard to create courses, edit courses, track your success with analytics, and much more, and then we will move on to a breathtaking customer dashboard that allows the customer to track their video course progress, watch the videos individually, read the descriptions, mark lessons as completed, and much more.

AdvancedWatch