Angular Universal is a framework for server-side rendering (SSR) of Angular applications. It allows developers to render Angular applications on the server side, which can improve the performance and search engine optimization (SEO) of web applications.

Angular Universal works by pre-rendering the Angular application on the server side before sending it to the client. This means that when a user makes a request to the server for a specific page, the server generates the HTML for that page and sends it to the client, instead of sending the Angular application code.

To achieve this, Angular Universal uses a combination of technologies, including Node.js and Express, to create a server-side rendering engine. This engine is responsible for rendering the Angular application on the server side and then sending the pre-rendered HTML to the client.

When a user makes a request to the server, the Angular Universal rendering engine is triggered. It generates the HTML for the requested page and sends it to the client. Once the client receives the HTML, it can render the page immediately without waiting for the JavaScript to load.

Angular Universal also supports lazy loading, which means that only the components and modules required for the initial page view are loaded. This can help to further improve the performance of the application.

Overall, Angular Universal can help improve the performance and SEO of Angular applications by rendering them on the server side, which can lead to faster load times and better search engine rankings.

Follow the other article to Part2 - Angular Universal With angular 15

Thanks for reading!