Client-side Rendering

In Client-Side Rendering (CSR) only the barebones HTML container for a page is rendered by the server. The logic, data fetching, templating and routing required to display content on the page is handled by JavaScript code that executes in the browser/client. CSR became popular as a method of building single-page applications. It helped to blur the difference between websites and installed applications.

When to Use

• Use this for internal tools, dashboards, or SPAs where SEO is not a priority
• This is helpful when you need a fully interactive single-page application experience

When NOT to Use

• For SEO-critical pages where search engines need server-rendered HTML to index content
• For content-heavy sites where users see a blank page until JavaScript loads and executes
• When Time to First Contentful Paint is a key metric — CSR defers all rendering to the client

Instructions