NgUniversal

This project was generated with Angular CLI version 6.0.0-rc.5.

Demo

This starter kit contains all the minimal tooling and configuration you need to kick off your next universal Angular 6 project.

It combines @angular/cli and udk to won't have to write specific code for development purposes only.

angular 6 as universal web application platform
module-map-ngfactory-loader as server side rendering of lazy routes
angular/cli 6 as code scaffolder
webpack 4 as module bundler
node as server
express as request handler
udk-builder as architect builder
ng-udkc as extreme live development container to reload all the things!
- webpack/hot/poll to enable hmr on server side
- webpack-hot-middleware (dynamically mounted on server) and @angularclass/hmr to enable hmr on browser side
- watchpack to restart dev container when a metafile changed

git clone https://github.com/enten/angular-universal my-project
cd my-project
npm install
npm start

Two different dev servers are provided:

The universal dev server which enable SSR (build browser and server targets) ;
The SPA dev server which is a webpack dev server (build browser target only).

SPA dev server can be useless (or "broken"): it depends on your server implementation.

Run npm run dev (or npx ng-udkc) for an universal dev server. Navigate to http://localhost:4000/.

The app will automatically hot-reload on server and browser sides if you change any of the source files.

The server will automatically restart if a change occured in metafiles and metadirs defined in udk.container.js.

Run npm run dev:spa (or npx ng serve --hmr) for a SPA dev server Navigate to http://localhost:4200/.

The app will automatically reload if you change any of the browser source files.

Note: the universal dev server provide an SPA mode too if you navigate to the index.html: http://localhost:4000/index.html.

Run npm run build to build the project. The build artifacts will be stored in the dist/app directory.

Run npm run build:prod for a production build.

Run ng test to execute the unit tests via Karma.

Run ng e2e to execute the end-to-end tests via Protractor.

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.