Angular Best Practices: 👉 Server-Side Rendering (SSR)
Best practices for writing clean and efficient code with Angular
Server-side rendering (SSR) is the process of pre-rendering web pages on a server and passing them to the browser (client-side), instead of rendering them in the browser. SSR sends a fully rendered page to the client. this is how your JSP or PHP works.
🌌 Benefits of SSR
⚡ Facilitate web crawlers through search engine optimization (SEO)
âš¡Improve performance on mobile and low-powered devices
⚡Show the first page quickly with a first-contentful paint (FCP)
But now the JavaScript frameworks allow you to combine the best of both worlds that means your first rendering (when a client enters URL) happens on the server and then the client’s JavaScript bundle takes over.