Angular Universal

Server-Side Rendering (SSR), Static-Site Generator (SSG) aka pre-rendering

Setup

ng add @nguniversal/express-engine --clientProject webapp
# For a LIVE-reloading Node & browser dev-server:
ng run webapp:serve-ssr

yarn build:ssr && yarn serve:ssr

# Automatically generate static pre-rendering:
ng run webapp:prerender
ng run webapp:prerender --routes "/blog/1" --routes "/blog/2"
ng run webapp:prerender --routesFile routes.txt

Deploy

ng add @angular/fire
ng run webapp:prerender
ng deploy
ng deploy --preview #  preview your application locally before continuing with the deploy
# Everything should work fine.

Reference

• https://angular.io/guide/universal
• https://trilon.io/blog/angular-universal-v9-whats-new
• https://github.com/TrilonIO/angular-universal-v9
• https://www.ganatan.com/tutorials/server-side-rendering-with-angular-universal