CSR

ELI5 — The Vibe Check

CSR means the browser downloads a mostly-empty HTML page plus a big JavaScript bundle, then builds the full page in the browser. The first load can feel slow and Google might struggle to read your content, but after that the app is super snappy.

Real Talk

CSR renders HTML in the user's browser using JavaScript rather than on the server. The server sends a minimal HTML shell and a JS bundle. The JS runs, fetches data, and renders the UI. SPAs typically use CSR. Tradeoffs include slower initial load, blank flash, and SEO challenges.

Show Me The Code

<!-- CSR: server sends this empty shell -->
<div id="app"></div>
<script src="/bundle.js"></script>
<!-- JS runs and builds the entire UI in the browser -->

When You'll Hear This

"Your dashboard can use CSR since SEO doesn't matter for authenticated pages." / "CSR causes a blank screen while the JS loads — consider SSR for public pages."