Client-Side Rendering (CSR)
01 Definition
Client-Side Rendering (CSR) meaning: Building page content in the browser using JavaScript after an initial load.
Client-side rendering sends a mostly empty HTML shell, then JavaScript runs in the browser to fetch data and build the visible content. It can feel fast after the first load, but search engines must render the scripts to see the content, which adds risk to indexing.
Also called
Why it matters
How Client-Side Rendering (CSR) fits the work
It powers many app-like experiences, but because content depends on the browser running JavaScript, understanding CSR is key to avoiding pages that look empty to crawlers.
In context
A dashboard built with client-side rendering showed users rich data, but its marketing pages used SSR so search engines could still read the copy.
Practical note
If critical content only appears after JavaScript runs, bots that render slowly or not at all may miss it. Test rendered output and consider SSR or prerendering for important pages.