Module Overview

In this module, you'll learn how to adjust the Angular application to be pre-renderable. Such prepared application can be deployed on static hosting like GitHub pages and still be SEO friendly! You will feed your application with data retrieved from MongoDB during the prerendering process.

Prerendering#

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 learned how to test your Angular Universal application. You're at the very end of mastering server-side rendering Angular. So far, you've built an SEO friendly application that handles client HTTP requests on the server and renders the HTML output based on it. Sometimes running server instances like Heroku or Amazon EC2 might be too expensive for a particular use case. Moreover, the content of your application might not change often (or not change at all). In such a case, you don't need to render the view on each request. For this scenario, the Angular team prepared the prerendering mechanism.

 

This page is a preview of The newline Guide to Angular Universal

Start a new discussion. All notification go to the author.