client-side-rendering

SKILL.md

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