MarkPieszak / universal-nest

Nest + Angular Universal = ❤️

Nest + Angular Universal Starter

A minimal Nest and Angular starter for Universal using the Angular CLI. If you're looking for the Angular Universal repo go to angular/universal.

Getting Started

This demo is built following the Angular-CLI Wiki guide

We're utilizing packages from the Angular Universal @nguniversal repo, such as ng-module-map-ngfactory-loader to enable Lazy Loading.

---

Build Time Prerendering Vs. Server Side Rendering(ssr)

This repo demonstrates the use of 2 different forms of Server Side Rendering.

Prerender

• Happens at build time
• Renders your application and replaces the dist index.html with a version rendered at the route /.

Server-Side Rendering(ssr)

• Happens at runtime
• Uses ngExpressEngine to render your application on the fly at the requested url.

---

Installation

• npm i

Development (Client-side only rendering)

• npm start which will run ng serve.

Production (also for testing SSR/Pre-rendering locally)

*npm run build:ssr && npm run serve:ssr

• Compiles your application and spins up a Nest server to serve your Universal application on http://localhost:4000.

*npm run build:prerender && npm run serve:prerender

• Compiles your application and prerenders your applications files, spinning up a demo http-server so you can view it on http://localhost:8080
• Note: To deploy your static site to a static hosting platform you will have to deploy the dist/browser folder, rather than the usual dist

License