Optimizing Data Fetching with Next.js Server Components and Streaming
Learn how to eliminate client-side waterfalls in Next.js using Server Components, the extended Fetch API, and React Suspense for streaming HTML.
Loading…
ReadMeFeed / Community knowledge
#server-components
Real questions. Useful conversations. Find the people who know your stack.
nextjsReact Server Components vs Client Components: A Decision Guide
Decide where to place React Server Components and Client Components in Next.js, understand the serialization boundary, and validate with a build inspection.
Server-first data fetching in Next.js App Router
Fetch data in Server Components and keep 'use client' limited to interactive leaf components to avoid client-side waterfalls and serialization errors.
Managing Data Boundaries with Next.js Server Components
Learn how to eliminate client-side waterfalls in Next.js by strategically placing Server Components and managing the serialization boundary between server and client logic.
React Server Components: The Mental Model Shift That Changes How You Fetch Data
React Server Components move data fetching into the component tree and eliminate API layers — but only if you respect the server/client boundary. A practical walkthrough with a blog index that streams posts from the database and keeps search interactive on the client.
Why Waku Defaults to Server Components – A Practical Guide
Waku defaults to React Server Components for every route, turning only the smallest interactive widgets into client code. This post explains why, how file‑based routing shapes that boundary, walks through a filterable list example, and discusses trade‑offs you’ll need to manage.
waku
reactRendering Next.js Pages on the Server Without Losing Freshness
The App Router's real win is awaiting data in Server Components with route-segment revalidation — but caching defaults changed across versions. A worked example and how to verify behavior on your install.
Composing Next.js App Router UIs with Server Components and Streaming Suspense
Use Next.js App Router Server Components with Suspense boundaries to stream a meaningful shell while slow data resolves in parallel. Keep secrets on the server, push client logic to leaves, and verify chunked transfer with curl.
Using React Server Components to Trim Your Bundle Size
Learn how React Server Components let you render UI on the server, stream HTML, and cut client‑side JavaScript without rewriting your app.