Next.js
Server Components, Rendering strategies (SSR, SSG, ISR), 4-tier Caching, and Edge Middleware.
4 In-Depth TopicsSSR, SSG, ISR & CSR Rendering Architectures
Next.js rendering strategies define where and when HTML and data are generated: CSR (Browser on demand), SSR (Server on every request), SSG (Build time at edge), and ISR (Static with background regeneration).
React Server Components (RSC) vs Client Components
React Server Components (RSC) execute exclusively on the server, outputting a lightweight JSON stream without adding any JavaScript to the client bundle. Client Components (`'use client'`) add interactivity and state.
Next.js Caching Architecture & Revalidation Strategies
Next.js App Router implements a 4-layer caching system: Request Memoization (per-render deduplication), Data Cache (cross-request server data), Full Route Cache (static HTML/RSC at build/revalidation), and Client Router Cache (in-browser navigation cache).
Route Handlers, Edge Middleware, and Streaming Responses
Next.js Route Handlers provide custom HTTP endpoints using Web Request/Response APIs, while Edge Middleware intercepts incoming requests before cache or rendering to handle authentication, redirects, and header rewriting.