Angular Starter Pwa screenshot

Angular Starter Pwa

Author Avatar Theme by Bgpedersen
Updated: 10 May 2021
6 Stars

Angular 6 PWA (progressive web app) starter application ready to use with best practice structure and often used libraries.

Categories

Overview

Angular PWA Starter is a ready-to-use Angular 9 Progressive Web App (PWA) starter application. It utilizes Angular’s Service-Worker for offline functionality and includes features such as a manifest for app installation, caching of static files, and a core module for global models and services. The theme also comes pre-configured with libraries like Bootstrap, Fontawesome, Moment.js, and Lodash.

Features

  • Angular 9 PWA ready to use
  • Offline functionality with Angular’s Service-Worker
  • Installable app with manifest and icons
  • New version prompts with SwUpdate service
  • Offline mode with cached static files
  • Core module for global models and services
  • Routing module with guard for routes
  • Ready to use with Bootstrap, Fontawesome, Moment.js, and Lodash

Installation

To install the Angular PWA Starter theme, follow these steps:

  1. Install the required node modules by running npm i in your terminal.
  2. Start the development server by running ng serve and navigate to http://localhost:4200/ in your browser. The app will automatically reload if you make any changes to the source files.
  3. Build the project by running ng build. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Please note that in order to test the Service-Worker functionality, you need to build the project with ng build --prod and run it on an HTTPS server.

Summary

Angular PWA Starter is an Angular 9 Progressive Web App starter application that provides out-of-the-box features like offline functionality, installable app support, and caching of static files. It also includes additional libraries like Bootstrap, Fontawesome, Moment.js, and Lodash for easy integration. With its pre-configured core module and routing module, it offers a solid foundation for building modern PWAs.