Next.js

App Router, server components, server actions, static and dynamic rendering, API routes, authentication, deployment to Vercel, and building full-stack applications with React.

BeginnerTopics 1–13

·What is Next.js
·create-next-app
·App Router Structure
·Page Components
·Layout Components
·Link Navigation
·Image Optimisation
·Fonts with next/font
·Static Rendering
·Dynamic Rendering
·Loading UI
·Error Boundaries
·Environment Variables

Start Beginner →

IntermediateTopics 14–25

·Server vs Client Components
·Server Actions
·Data Fetching & Caching
·Route Handlers
·Dynamic Routes
·Route Groups
·Parallel Routes
·Intercepting Routes
·Middleware
·Authentication Patterns
·Cookies & Headers
·Metadata API

Start Intermediate →

AdvancedTopics 26–37

·ISR (Revalidate)
·Streaming with Suspense
·cache() Utility
·unstable_cache
·generateStaticParams
·Advanced Auth Patterns
·Prisma & Drizzle Patterns
·Edge Runtime
·Internationalisation (i18n)
·Testing (Vitest/Playwright)
·useOptimistic Hook
·Custom Hook Patterns

Start Advanced →

ProductionTopics 38–48

·Vercel Deployment
·Environment Management
·Output Tracing
·Bundle Analysis
·Core Web Vitals
·Content Security Policy
·Rate Limiting
·Monitoring (Sentry)
·Multi-zone Architecture
·OpenTelemetry
·Connection Pooling

Start Production →