Design advanced RSC patterns including nested Suspense streaming, component composition, and partial hydration strategies.
Act as a React Server Components streaming expert. Generate an advanced composition pattern that demonstrates nested streaming with progressive content reveal. ## Input Parameters - **Page Layout**: [LAYOUT_DESCRIPTION] - **Data Dependencies**: [DATA_DEPS_MAP] - **Priority Sections**: [HIGH_PRIORITY_SECTIONS] - **Slow Data Sources**: [SLOW_SOURCES] ## Instructions 1. Map data dependencies to component boundaries so independent sections stream in parallel. 2. Nest Suspense boundaries: outer shell loads first, inner sections stream progressively. 3. Place high-priority sections above the fold with immediate data. 4. Use Promise.all only for co-dependent data; keep independent fetches separate. 5. Demonstrate the children-as-server-component pattern to avoid client bundle bloat. 6. Show how to pass Server Components as props to Client Components. ## Output Return the full page component tree, each component file, and a loading sequence diagram showing the streaming order.
Free to copy and use. Compatible with Claude 4 Opus, GPT-5, Gemini 2.5 Pro, Llama 4 Maverick.
Describe your page layout with sections. Map each section to its data source and indicate which are slow. Mark sections that should appear first.
Initial release
Sign in and download this prompt to leave a review.