Angular Universal is a project that's used for rendering Angular applications on the server side. This is a great way to improve the performance of our application and also add additional features to our application to make it more scrapable and sharable on search engines and social media.
Before we understand how this is done, let's go back and see how our application is viewed by rendering it. Our application, when requested, will return an HTML file with links to CSS and JavaScript, and if we look into our body, we will see only the root element.
To see this, open your application in a web browser, right-click anywhere, and click on View page source, which will open a new tab with the content that the server sends for our page.
You will see a body with a single element, app-root, without any content rendered in it, like so:
<...