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

DOM (Document Object Model)

A programming interface for HTML documents that represents the page structure as a tree of objects that can be manipulated with JavaScript.

Static Site Generator (SSG)

A tool that generates a complete static HTML website from templates and content at build time, requiring no server-side processing.

Web Performance Optimization

Techniques to make websites load faster and respond more quickly, improving user experience and search engine rankings.

API (Application Programming Interface)

A set of rules and protocols that allows different software applications to communicate and exchange data.

CDN (Content Delivery Network)

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

An HTML element that tells search engines which URL is the preferred version of a page when duplicate or similar content exists at multiple URLs.

View All Web Development Terms →