Frontend Rendering Strategies

Purpose

Select and implement the correct rendering strategy for each route: CSR for highly interactive dashboards, SSR for personalized content, SSG for marketing pages, ISR for content that changes on a schedule, and RSC for React apps needing zero-bundle data fetching.

Agent Protocol

Trigger

Exact phrases: "rendering strategy", "CSR", "SSR", "SSG", "ISR", "RSC", "React Server Components", "server-side rendering", "static site generation", "incremental static regeneration", "hydration", "progressive hydration", "streaming SSR", "edge rendering".

Input Context

• Framework (Next.js, Astro, Nuxt, Remix, Gatsby, SvelteKit, vanilla)
• Per-route requirements: data freshness, SEO significance, interactivity level
• Authentication requirements (SSR for personalized, SSG for public pages)
• Hosting/deployment platform capabilities (serverless, edge, static)
• Team familiarity with server components

Output Artifact

Rendering strategy map per route: which strategy, why, and implementation details.