QamoosTech
FrontendIntermediate

Rendering (SSR / CSR)

PronunciationREN-der-ing

Definition

Turning code and data into the page the user sees. With SSR the server builds the HTML. With CSR the browser builds it using JavaScript.

Where you hear it

Next.js, SEO, and performance discussions.

Examples

  • We use server-side rendering so search engines can read the content.
  • The page re-renders every time the state changes.

Common mistake

Choosing SSR or CSR by habit. Choose by need: SEO and first load speed, or heavy interactivity.