Master Next.js 15 in Just 3 Hours (With Authentication)

Next.js is probably the best React "meta" framework out there. Nevertheless, most people have no real clue how or where to get started. But with this video, everything will change! I will teach you Next.js from zero to hero and all in just 3 hours. We'll cover basic concepts like routing, server components, and client components, as well as more advanced topics such as streaming and caching. And of course, no application is complete without authentication, so we’ll add that too! 🔒 Get started with Kinde: https://dub.sh/xeU8r3v 📸 Screen Recording Software: https://dub.sh/eDa47SO 🚀 Checkout Cal for Free: https://dub.sh/FAuffAy 👨🏻‍💻 GitHub Repository: https://janmarshal.com/courses/master-next-js-15-in-just-3-hours-with-authentication 🌍 My Website: https://janmarshal.com/ ✅ Follow me on X: https://x.com/janmarshaldev 📧 Business ONLY: [email protected] What we will Cover: What is Next.js? Installation of Next.js Project directory structure of Next.js What is a page.tsx and what is a layout.tsx? Basic routing Dynamic routes Link component Client components Server components Server actions for mutations Caching Revalidation of cache Dynamic vs static rendering Image optimization Suspense / streaming Authentication Middleware Deployment (Vercel) 00:00 Intro 01:00 What is Next.js? 02:30 Installation of Next.js 05:00 Next.js Project Directory 09:00 Layouts and Pages 21:00 Server Components and Client Components 30:00 Get Started with Project 49:00 Fetching Data with Server Components 59:00 Implement Authentication 01:02:00 Route Handlers 01:05:00 Common Misconception 01:18:00 Redirects 01:20:00 Middleware 01:37:00 Server Actions 01:56:00 Image Optimization 02:13:00 Security Optimization 02:17:00 Streaming / Suspense 02:45:00 Deployment 02:50:00 Caching