PWABuilder VS pwa-module

For a PWA to be listed in app stores, it must be wrapped within additional software. This wrapper tends to be less robust and not as finely tuned as mainstream browsers, a fact that even PWABuilder acknowledges.

Not to trivialize anyone's discovery; always happy to have more people on this bandwagon!

But I have to say, PWAs (progressive web apps) might blow Jim's mind here.

https://docs.pwabuilder.com/#/home/pwa-intro

excerpt (emphasis added): "Service workers are how progressive web apps work offline: service workers can _cache essential resources and handle requests when the network is down_. Every request to and from a PWA goes through the service worker, and there are a ton of different strategies for how to cache and fetch necessary resources."

There is some way for iOS, and some iOS apps work on M1, so maybe. Although Apple has been removing PWA style apps from App Store, so better check newest requirements somewhere at docs.

https://www.pwabuilder.com

https://docs.pwabuilder.com/#/builder/app-store

My go-to is https://pwa.nuxtjs.org/ + pwabuilder. You can have the barebones scaffolding made in 1 minute. Then just add your custom UI/logic, and deploy, and point the PWA Builder at the deployed Nuxt site, and it will generate your App store package.

In terms of stack I would recommend taking a look at Vue and Nuxt. There is a PWA module for Nuxt, which handles everything for you, so you literally only need to add 5 lines of config (implementing service workers yourself can be tedious).

Note that if your original project is built with Nuxt (a Vue meta-framework), you have a better-suited solution readily available in the Nuxt PWA module. Nuxt and its ecosystem of plugins are a bit much to tackle in the scope of this post, but the same PWA general principles we’ll cover here apply there, too. The difference is how the config options are entered. So, while the concepts translate, if you’re using Nuxt, I’ll refer you to the Nuxt PWA module docs for the details.

Documentation

The stack behind Journalistic is Django and Nuxt. The nuxt/pwa module takes care of everything PWA-related on the app side: manifest, service worker, etc. Easy peasy.

It's Nuxt.js with @nuxtjs/pwa, BTW.

Nuxt.js modules: Progressive Web App (PWA)