Skip to content

minchopm/angular-universal-pwa

 
 

Repository files navigation

Angular 5 Universal Progressive Web App - starter

angular-universal-PWA report

Star it and share with others!

This repo is the boilerplate for Angular Universal (serverside rendering) applications. It is running as a (PWA) progressive web app with the whole goodness of it (push messages, content caching and making it installable on the Android devices)! It is prepared to be easily deployed on serverless environment (like AWS Lambda).

This is a great starting point for microservices application! Because of support for external modules, you can split your application into separate projects and combine them together when deploying!

Live demo

Angular Universal PWA on AWS Lambda + API Gateway

What's inside?

  • PWA - content is cached and available offline, it can be also installed as native app on Android devices and Google Chrome
  • AMP - Accelerated Mobile Pages - super fast initial load (down to ~650ms)
  • Push notifications:
  • Lazy loading modules
  • External modules (You can split your application into multiple projects and lazy-load them, read more here)
  • Angular Material
  • Unit tests

Used frameworks/technologies

  • Webpack
  • UglifyJS
  • OptimizeJS
  • DllPlugin (super fast reloading in development mode)
  • Sass loader
  • Serverless framework

Get Started

git clone https://github.com/maciejtreder/angular-universal-pwa.git
cd angular-universal-serverless
npm install
npm start
  • Development mode (autoreload only): npm start
  • Development mode (autoreload + unit tests): npm run build:dev
  • Unit tests: npm run test

Production mode

Includes AoT

npm run build:prod
npm run server

Deploy on AWS Lambda

npm run build:deploy

To do

Won't implement:

  • load static content from S3 (JavaScript, styles, images):
    • when serving all static content from S3 load speed up is not really visible (increase is around ~0,2 sec),
    • problems with CORS on Chrome,
    • problems with compression of some files (.js files are not compressed in some cases)
    • needs a lot of manual setup (cloudfront setup etc.)

Credentials

About

Angular Universal PWA boilerplate/starter with serverless environment support.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 61.1%
  • JavaScript 23.1%
  • HTML 10.9%
  • CSS 4.9%