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

An XML file that lists all important URLs on a website, helping search engines discover and crawl content efficiently.

A two-dimensional CSS layout system for creating complex grid-based designs with rows and columns.

Content Negotiation

An HTTP mechanism where client and server agree on the best representation of a resource based on format, language, or encoding preferences.

Google's metrics for measuring user experience quality, including loading speed, interactivity, and visual stability of web pages.

SEO (Search Engine Optimization)

The practice of optimizing websites to rank higher in search engine results, increasing organic traffic.

CDN (Content Delivery Network)

A distributed network of servers that delivers web content to users from the geographically closest location.

View All Web Development Terms →