Server-Side Rendering vs Client-Side Rendering

Server-side rendering (SSR) builds the full HTML of a page on the server for each request and sends it to the browser, so content appears quickly and search engines can read it easily. Client-side rendering (CSR) sends a mostly empty HTML page plus JavaScript, and the browser builds the page itself after the JavaScript loads.

CSR makes later navigation feel fast but can delay the first view and needs extra care for SEO. Static site generation (SSG) renders pages once at build time. Frameworks such as Next.js and Nuxt combine these methods, rendering on the server first and then "hydrating" the page so it becomes interactive in the browser.