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

Storing copies of frequently accessed data in faster storage to reduce load times and server processing.

Responsive Design

A web design approach that makes web pages render well on all screen sizes using flexible layouts and media queries.

The latest HTTP version that uses QUIC instead of TCP, providing faster connections and better performance on unreliable networks.

A query language for APIs that lets clients request exactly the data they need, reducing over-fetching and under-fetching.

Web Font Optimization

Techniques for loading custom fonts efficiently to minimize their impact on page load performance and visual stability.

A small piece of data stored in the browser by a website to remember user preferences, login state, or tracking information.

View All Web Development Terms →