Next.js Tutorial

Module 1: Next.js Foundations

1 Introduction to Next.js — Complete Guide 8 min 2 Installing Next.js — Complete Guide 8 min 3 Understanding Project Structure — Complete Guide 8 min 4 App Router Basics — Complete Guide 8 min 5 Pages and Layouts — Complete Guide 8 min 6 React Components in Next.js — Complete Guide 8 min 7 Client Components — Complete Guide 8 min 8 Server Components — Complete Guide 8 min 9 Routing Fundamentals — Complete Guide 8 min 10 Dynamic Routing — Complete Guide 8 min

Module 2: Layouts & Styling

11 Nested Layouts — Complete Guide 8 min 12 Navigation and Linking — Complete Guide 8 min 13 Static Assets — Complete Guide 8 min 14 CSS Modules — Complete Guide 8 min 15 Tailwind CSS in Next.js — Complete Guide 8 min 16 Data Fetching — Complete Guide 8 min 17 Server Actions — Complete Guide 8 min 18 Forms in Next.js — Complete Guide 8 min 19 Form Validation — Complete Guide 8 min 20 Authentication Basics — Complete Guide 8 min

Module 3: Data & Forms

21 Middleware — Complete Guide 8 min 22 API Route Handlers — Complete Guide 8 min 23 Database Integration — Complete Guide 8 min 24 File Upload — Complete Guide 8 min 25 Image Optimization — Complete Guide 8 min 26 Metadata and SEO — Complete Guide 8 min 27 Performance Optimization — Complete Guide 8 min 28 Deployment — Complete Guide 8 min 29 E-Commerce App Project — Complete Guide 8 min 30 SaaS Dashboard Project — Complete Guide 8 min

Module 4: Auth & APIs

31 SSR vs SSG vs ISR — Complete Guide 8 min 32 Streaming and Suspense — Complete Guide 8 min 33 Loading and Error UI — Complete Guide 8 min 34 Route Groups — Complete Guide 8 min 35 Parallel Routes — Complete Guide 8 min 36 Intercepting Routes — Complete Guide 8 min 37 Edge Runtime — Complete Guide 8 min 38 Caching in Next.js — Complete Guide 8 min 39 Revalidating Data — Complete Guide 8 min 40 TanStack Query in Next.js — Complete Guide 8 min

Module 5: SEO & Deploy

41 NextAuth.js — Complete Guide 8 min 42 Clerk Authentication — Complete Guide 8 min 43 OAuth and Social Login — Complete Guide 8 min 44 Protected Routes — Complete Guide 8 min 45 Prisma ORM — Complete Guide 8 min 46 MongoDB with Next.js — Complete Guide 8 min 47 PostgreSQL with Next.js — Complete Guide 8 min 48 Environment Variables — Complete Guide 8 min 49 Unit Testing — Complete Guide 8 min 50 Integration Testing — Complete Guide 8 min

Module 6: Advanced Routing

51 Playwright E2E — Complete Guide 8 min 52 CI/CD for Next.js — Complete Guide 8 min 53 Internationalization — Complete Guide 8 min 54 Accessibility — Complete Guide 8 min 55 XSS and CSRF Protection — Complete Guide 8 min 56 Security Headers — Complete Guide 8 min 57 Rate Limiting — Complete Guide 8 min 58 Structured Data — Complete Guide 8 min 59 Sitemap and Robots — Complete Guide 8 min 60 Zustand State — Complete Guide 8 min

Module 7: Auth & Database

61 Redux Toolkit in Next.js — Complete Guide 8 min 62 React Context Patterns — Complete Guide 8 min 63 Monorepo with Turborepo — Complete Guide 8 min 64 Docker for Next.js — Complete Guide 8 min 65 Vercel Deployment — Complete Guide 8 min 66 AWS Amplify — Complete Guide 8 min 67 Azure Static Web Apps — Complete Guide 8 min 68 Micro Frontends — Complete Guide 8 min 69 Remix vs Next.js — Complete Guide 8 min 70 Web Vitals Tuning — Complete Guide 8 min

Module 8: Quality & Security

71 Font Optimization — Complete Guide 8 min 72 Bundle Analysis — Complete Guide 8 min 73 Blog Application Project — Complete Guide 8 min 74 Student Portal Project — Complete Guide 8 min 75 Job Portal Project — Complete Guide 8 min 76 Hospital Portal Project — Complete Guide 8 min 77 Food Delivery Frontend Project — Complete Guide 8 min 78 Banking Dashboard Project — Complete Guide 8 min 79 LMS Course Player Project — Complete Guide 8 min 80 CRM Admin Project — Complete Guide 8 min

Module 9: Cloud & Scale

81 Real-Time Chat Project — LearnHub Project 8 min 82 Multi-Tenant SaaS Project — LearnHub Project 8 min 83 Inventory Dashboard Project — LearnHub Project 8 min 84 Travel Booking Project — LearnHub Project 8 min 85 News Portal Project — LearnHub Project 8 min 86 Portfolio Site Project — LearnHub Project 8 min 87 Enterprise Architecture — LearnHub Project 8 min 88 Clean Folder Structure — LearnHub Project 8 min 89 API Design Patterns — LearnHub Project 8 min 90 Error Handling Patterns — LearnHub Project 8 min

Module 10: Portfolio Projects

91 Logging and Monitoring — LearnHub Project 8 min 92 Stripe Payments — LearnHub Project 8 min 93 Analytics and Observability — LearnHub Project 8 min 94 Storybook with Next.js — LearnHub Project 8 min 95 GraphQL with Next.js — LearnHub Project 8 min 96 Content Security Policy — LearnHub Project 8 min 97 Partial Prerendering — LearnHub Project 8 min 98 Server Actions Security — LearnHub Project 8 min 99 Production Checklist — LearnHub Project 8 min 100 Next.js Career Roadmap — LearnHub Project 8 min