Web Development Intermediate

What is SSR (Server-Side Rendering)?

A technique where web pages are rendered on the server and sent as complete HTML to the browser, improving SEO and initial load time.

SSR generates full HTML on the server for each request, unlike SPAs that render in the browser. This enables search engines to crawl content easily and users to see content immediately without waiting for JavaScript to load.

Frameworks like Next.js (React), Nuxt.js (Vue), and SvelteKit support SSR. The server renders the page, sends HTML, then "hydrates" it with JavaScript for interactivity. Trade-offs include higher server load and more complex deployment.

Learn More About This Topic

Next.js Fundamentals

Related reading

JavaScript ES6+ Modern Features

Related reading

JavaScript Fundamentals

Related reading

Related Terms

JavaScript Object Notation — a lightweight data interchange format that is easy for humans to read and machines to parse.

WebAssembly (Wasm)

A binary instruction format that enables near-native performance execution of code in web browsers alongside JavaScript.

A vocabulary for validating the structure and content of JSON data, ensuring API requests and responses conform to expected formats.

A high-performance RPC framework using Protocol Buffers and HTTP/2 for efficient service-to-service communication.

A communication protocol that enables full-duplex, real-time data exchange between a browser and server over a single connection.

A widely-used server-side scripting language designed for web development that powers over 75% of websites including WordPress.

View All Web Development Terms →