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: jan@alenix.de
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