Frontend System Design
/Intermediate
Server Side Rendering (SSR)
Definition
SSR is the process of rendering a client-side application (like React) into fully populated HTML on the server on every request. When the client receives it, the browser downloads the JS bundle and 'hydrates' the HTML to make it interactive.
Explain Like I'm New
Instead of sending the browser an empty box and instructions on how to build the toy, the server builds the toy, paints it, and ships it fully ready to play with.
Architecture & Flow
Interview Questions
basic
- What is the core concept of Server Side Rendering?
- What are the pros and cons of Server Side Rendering?
intermediate
- How does Server Side Rendering impact SEO and initial page load times?
- When would you NOT choose to use Server Side Rendering?
advanced
- How does Server Side Rendering fit into a heavily scaled microservices architecture?
- What are the security implications of Server Side Rendering?
trick
- Can you combine Server Side Rendering with other rendering strategies on the same page?