Skip to content

Client-Side Rendering (CSR)

Entry #254 / 700 · Chapter 5 · 5.4 Logs, SSR vs CSR, migrations and i18n · Read in Chinese →
In one sentence

Shipping a minimal HTML shell, then building the page in the browser with JavaScript.

Analogy Mental model

Delivering the ingredients and the recipe. The browser does the cooking, and until it finishes there is nothing on the table.

In practice What you actually do

Reasonable for dashboards, admin tools and anything behind a login. For pages that must rank it is the wrong default, and the fix is server rendering or static generation rather than more JavaScript.

Where people get burned Pitfalls

The blank interval before the application mounts is the largest contentful paint, and it is measured. A loading spinner is an honest acknowledgement, not a solution.

This entry was written in English from the Chinese original, not machine-translated. Read the Chinese version →