Aug 23, 2026· 7 min read
Streaming in Next.js: How Progressive Rendering Works
Streaming sends HTML to the browser in chunks as each part of a page becomes ready. Learn how Suspense and loading files make it work.
nextjsData Fetchingrendering
Next.js
Full-stack React framework
167 tutorials
12 of 167 tutorials
Aug 23, 2026· 7 min read
`loading.js` and Instant Loading States Explained
loading.js wraps a route in a Suspense boundary to show instant fallback UI. Learn where it goes, what it wraps, and its main caveat.
nextjsRoutingData Fetching
Aug 23, 2026· 7 min read
Building Skeleton Loading UI in Next.js
Skeletons mirror the shape of loading content to prevent layout shift. Learn to build them in Next.js with loading files and Suspense fallbacks.
loadingUInextjs
Aug 23, 2026· 7 min read
Client-Side Data Fetching in Next.js with SWR
SWR caches, deduplicates, and revalidates client-side requests. Learn to set up useSWR in a Client Component.
Data Fetchingswrnextjs
Aug 23, 2026· 7 min read
Client-Side Data Fetching in Next.js with TanStack Query
TanStack Query manages server state with a client cache. Learn to set up the provider and use useQuery in a Client Component.
react queryData Fetchingnextjs
Aug 23, 2026· 7 min read
Hydrating Client Caches with Server-Fetched Initial Data
Seed a client data cache with data the server already fetched, so the first render shows content and skips a duplicate request.
nextjsCachingData Fetching
Aug 23, 2026· 7 min read
Handling Fetch Timeouts and Failed Requests in Server Components
Cap slow requests with AbortSignal.timeout and catch failures before they blank the page. Learn the timeout and error handling pattern.
Data FetchingnextjsError Handling
Aug 23, 2026· 9 min read
Caching in Next.js 16: The Complete Mental Model
How Next.js 16 caching works with Cache Components, the use cache directive, cacheLife lifetimes, and the static shell that mixes cached and streamed content.
cache componentsCachingnextjs
Aug 23, 2026· 7 min read
Cache Components Explained: Enabling `cacheComponents`
What the cacheComponents flag does in Next.js 16, how it changes rendering defaults, and how to migrate from the old experimental caching flags.
Cachingnextjscache components
Aug 23, 2026· 8 min read
The `use cache` Directive: File, Function, and Component Scope
The use cache directive works at file, function, and component scope. Learn what each placement caches, how cache keys are built, and the constraints.
nextjscache componentsCaching
Aug 23, 2026· 7 min read
`use cache: private` Explained: Per-User Caching
use cache: private caches results per user in the browser only. Learn what it allows, what it never stores on the server, and when to reach for it.
nextjsCachingcache components
Aug 23, 2026· 8 min read
`use cache: remote` Explained: Shared Cache Across Instances
use cache: remote stores cached output in a durable handler shared across server instances. Learn when it pays off and how to keep hit rates high.
nextjscache componentsCaching