/angular-pwa

Demo app for Progressive Web Apps workshop

Primary LanguageTypeScript

A simple app for the Angular PWA Workshop

Prerequisites

  1. Latest stable versions of node, npm installed.
  2. Static web server with SPA support:
  • serve. Recommended and pre-configured.
  • superstatic. Use this as a fallback option.

Install

  1. Clone the repo
git checkout ngsw-step0
npm install

Install/update Angular CLI

npm uninstall -g angular-cli
npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest

Check the version:

npm list @angular/cli version -g

The output should be at least 6.x.x

Checking the app

  1. In the terminal
ng serve
  1. Open http://localhost:4200/. You should see the page with Angular PWA header.
  2. "Ctrl-C" to stop the app.

Creating a production build and serving it via external web server

ng build --prod

The dist/angular-pwa folder should be created.

  • If you use serve: Run serve and open http://127.0.0.1:5000 in your browser.

You should see the page with Angular PWA header.

We are ready to start the workshop! Follow the trainer instructions.