what is the difference between ionic-pwa-toolkit and ionic 4 + service worker enabled? about ionic-pwa-toolkit HOT 5 CLOSED

Hi voordev,

The PWA toolkit builds Progressive Web App right out of the box. Now a PWA has the following features:

• Available/hosted on the web - so it bypasses app stores, and updates are served as soon as code is updated.
• Able to be accessed offline or using poor internet connection - this is where the service worker comes in. The service worker caches the app so that it is still available when offline.
• Able to be installed onto a user's device where support for installing Progressive Web Apps is available.
  As well the PWA Toolkit uses Stencil which is a tool used to create Web Components, which are part of Ionic 4. In Ionic 4 all components are also Web Components which means they are compiled by the browser, not by the framework. This improves performance and also allows you to create the UI without a framework.

Ionic 4 with service worker enabled would be an ionic app that is cached by service worker and can be accessed and used offline or with poor internet connection.

Josh Morony explains Capacitor in his book Building Mobile Apps with Ionic and Angular:

Capacitor allows you to wrap your web based application in a native shell, and acts as a bridge to the native device. Capacitor will create a native application for each platform you are targeting (e.g. iOS and Android), it will set up a web view in that application, and then it will load your web application into that web view. The end result is a native application (that looks no different to any other native mobile application) that is running your web code.

So Capacitor is not part of the PWA toolkit. You would use Capacitor or PhoneGap to build an app for the app stores using mostly the same code as for building the PWA.

from ionic-pwa-toolkit.

@voordev ionic 4 are web components build with stencil that can be used on Angular, and hopefully React and VUE; probably you've used them in an angular project. This toolkit instead, actually it seems more a boilerplate honestly, uses stencil components directly. For PWA i think it will be better to use google workbox directly.

from ionic-pwa-toolkit.

Try google workbox.
https://github.com/enaizi/pwa-sidemenu. Already configured with google workbox.

from ionic-pwa-toolkit.

May be this will help https://ionicthemes.com/tutorials/about/the-complete-guide-to-progressive-web-apps-with-ionic4

from ionic-pwa-toolkit.

Very clear.
Thank you to all contributions.
I forgot to close the issue.
Hope it contributes to future reference

from ionic-pwa-toolkit.