Newnessimworks.com
Glossary · Web development

Client-Side Rendering (CSR)

Rendering UI in the browser via JavaScript — fast subsequent navigations, but slow first load and bad SEO without workarounds.

Definition

In long form.

Pure CSR ships an empty HTML shell plus a JavaScript bundle; the browser runs the JS, fetches data, and renders the UI client-side. The penalty: users (and crawlers) see a blank page until the JS executes, which is bad for SEO and bad for users on slow connections or low-end devices. CSR makes sense for authenticated dashboards, embedded widgets, and tools where SEO doesn't matter. For public marketing content, server-rendered or static is almost always better.

In context

We use CSR sparingly — for interactive components inside an otherwise server-rendered page (a glossary filter, a contact form with validation), not for whole pages. The 'use client' directive in Next.js scopes the JS bundle to just the interactive parts.

Discovery first

Talk to us about your engagement.

Discovery calls are free. Scope, timelines, and pricing are quoted after we understand what you’re solving.