Angular Universal

In the previous module, you've built a fully functional production-ready application. Unfortunately, like other single-page applications, this application has its weaknesses. In this module, you will learn how to address one of them and render HTML content on the server.

Angular Universal#

The code of the application built in the previous module is available for download here. Once you download it, remember to install the project using the npm install command inside the project directory.

Where you are#

In the previous module, you've built a fully functional production-ready application. Unfortunately, like other single-page applications, this application has its weaknesses. In this module, you will learn how to address one of them and render HTML content on the server.

What you will build#

In this module, you will enhance your Angular application by adding Angular Universal. Thanks to server-side rendering, your application will be readable for search engine robots and other web crawlers. In addition, you will significantly improve the application's boot performance, resulting in faster first meaningful paint.

What you will learn#

After finishing this module, you will know:

  • How to add Angular Universal to an existing Angular application.

  • What are the benefits of server-side rendering.

  • How Angular Universal changes your application's boot process.

  • How to adjust your application to prevent breaking SSR (i.e., by using the window object).

  • How to dynamically change <title> and meta tags of your website.

No discussions yet