React experimental · DPU

Suspense streaming examples

Each page uses render: 'dynamic' and async server components inside <Suspense> so the HTML stream can flush fallbacks, then swap in resolved UI (DPU pending markers).

• Basic boundaryOne Suspense boundary around a slow server component. Shell paints first; content and a server-action counter stream in.
• Parallel boundariesSibling Suspense boundaries fetch independently and fill in as each promise resolves.
• Nested boundariesOuter shell streams, then inner content streams inside the already-revealed parent.
• Out-of-order revealFast panel finishes after a slow one starts — HTML can stream completed sections as they ready.
• SuspenseListunstable_SuspenseList coordinates reveal order across several streaming children.