All 5 Server-Side Rendering with Angular Universal questions
More in Server-Side Rendering with Angular Universal
What are the main benefits of adding server side rendering to an Angular app? What is hydration in the context of Angular server side rendering, and why is it necessary? How do you fetch data on the server before rendering a page with Angular Universal? What browser specific APIs commonly cause problems when running Angular code on the server, and how do you handle them safely?
Advertisement
Back to results for “Project Structure”
Angular › Server-Side Rendering with Angular Universal

What is server side rendering in Angular, and why would a team enable it using Angular Universal?

Beginner

Answer

Server side rendering means generating the full HTML for a page on the server before sending it to the browser, instead of sending an almost empty page and building everything with JavaScript afterward. This helps pages appear faster and makes them easier for search engines to read, which is important for public facing content like a marketing site or a blog.
ng add @angular/ssr

// Adds the necessary server side rendering setup to an existing Angular project
Real-world example A news website enables Angular Universal so visitors see a fully rendered article the instant the page loads, rather than a blank page that only fills in after the browser finishes downloading and running JavaScript.

Common follow-ups: How does server side rendering improve search engine visibility compared to a purely client rendered app?;What happens on the server every time a visitor requests a server rendered page?

Angular CLI & Project Structure;RxJS & Observables
All 5 Server-Side Rendering with Angular Universal questions