System Design bank Rendering System Design / 22 questions Your progress 0 / 22 done Saved in this browser. Reset All 22 Medium 11 Hard 11 Hide done No questions match those filters. 01 What is Client-Side Rendering and when should you avoid it for a content-heavy marketing site? Medium 02 Design a CSR architecture for an internal analytics dashboard with 50k rows of data - what are the tradeoffs vs SSR? Hard 03 Explain how Server-Side Rendering works end-to-end from request to hydrated DOM. Medium 04 Your SSR page has a 3s TTFB under load. Walk through how you would diagnose and fix it. Hard 05 When would you choose Static Site Generation over SSR for a 10,000-page e-commerce catalog? Medium 06 Design a build pipeline for SSG that scales to 100k pages without exceeding build-time budgets. Hard 07 Explain Incremental Static Regeneration and how stale-while-revalidate applies to it. Medium 08 Design an ISR strategy for a news site where articles update every few minutes but traffic spikes unpredictably. Hard 09 How does streaming SSR with React 18 differ from traditional SSR in terms of TTFB and FCP? Medium 10 Design a streaming SSR architecture for a page with a slow third-party data dependency in the middle of the layout. Hard 11 Explain the difference between Server Components and traditional SSR. Medium 12 Design a component boundary strategy mixing Server and Client Components for a dashboard with interactive charts. Hard 13 Explain what hydration is and why hydration mismatches occur. Medium 14 Debug a production hydration mismatch caused by locale-dependent date formatting - how do you fix it? Hard 15 What is Partial Hydration and how does it reduce JavaScript payload compared to full hydration? Medium 16 Design a partial hydration strategy for a content page with one interactive comment widget. Hard 17 Explain Progressive Hydration and how it differs from Partial Hydration. Medium 18 Design a progressive hydration priority order for an e-commerce product page (header, cart, reviews, recommendations). Hard 19 Explain Islands Architecture and how frameworks like Astro implement it. Medium 20 Would you migrate a marketing site from a React SPA to Islands Architecture? Justify the tradeoffs. Hard 21 Explain Edge Rendering and how it differs from traditional origin-server SSR. Medium 22 Design an edge rendering strategy for a personalized homepage that varies by geolocation with sub-100ms TTFB. Hard Next → React