bubblewrap
workbox
bubblewrap | workbox | |
---|---|---|
25 | 31 | |
2,218 | 12,102 | |
1.3% | 0.5% | |
6.0 | 6.5 | |
3 days ago | 7 days ago | |
TypeScript | JavaScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
bubblewrap
-
Don't upload your PWA to the app stores
I think it's not correct to conflate the App Store and the Play Store like this. Apple is very hostile to PWAs in the App Store, whereas Google wrote a tool to easily package your PWA for the Play Store https://github.com/GoogleChromeLabs/bubblewrap
So for me, I publish to the Play Store to get some free users who find my app that way. App Store, not worth the headache of trying to skirt Apple's rules.
Ideally I think app stores should allow listing PWAs directly, rather than banning them (like Apple) or forcing them to use a wrapper (like Google). Whatever complaints people have about that (app can change without review, etc) also apply to the current situation in the Play Store. Once your wrapper PWA is accepted, you can change the website however you want. So what's the point of the wrapper?
- Japan to crack down on Apple and Google app store monopolies
-
How I published a gratitude journaling app for iOS and Android using SvelteKit and Capacitor
After some research, I felt fairly confident going into the Google Play review process. Google Play makes PWA a first class member and they even offer bubblewrap to help you convert your PWA into an app you can submit. I also read that people had success with using PWABuilder for their apps (which uses bubblewrap internally). I figured my Capacitor app would have a decent chance to pass.
-
I'm working on a minimalistic Micro Journaling app
Of course, it doesn't use any native framework, it's a pure Progressive Web App (PWA) wrapped as Trusted Web Activity. The advantage with this is you do not need to bundle it every time there is an update, you just deploy it to the PlayStore once and then it stays up-to-date with the web app automatically. You also do not need to worry about users using old versions, aka. your backend needs to handle only the latest version. I used bubblewrap for the bundling, but there is also a GUI from Microsoft called PWA Builder.
- Add apps to our services?
-
I'm working on this minimalistic Micro Journaling app (Django, Nuxt, PWA)
The Django backend is not packaged, it just exposes an API to sync and process data, only the Nuxt frontend is packaged. It is more or less straight forward and works out of the box with the nuxt/pwa package for PWA and bubblewrap or PWA Builder for TWA.
-
PWA SvelteKit with router-auto submission to google play and istore
If you don't like PWA Builder I'd look at Bubblewrap it's made by Google to make an Android app out of a PWA.
-
I made a website that helps co-parents easily track their children's shared expenses.
Another inexpensive way of getting an app is by creating a PWA and building an app by using tools like https://github.com/GoogleChromeLabs/bubblewrap
-
Let’s build a Native(-like) Web App (NWA)
Progressive Web Apps (PWAs) are great and you can even publish them — with limitations — to most of the app stores out there via tools like bubblewrap or PWA Builder. See also Trusted Web Activities (TWAs) and my previous post Publishing a Progressive Web App (PWA) on the PlayStore — What works and what doesn’t (in 2021).
-
Share target not working for apps published to Google PlayStore
I directly used bubblewrap, but it's the same thing which PWABuilder.com use too.
workbox
-
A deep-dive on a Progressive Web App implementation for a React-based App Platform (DHIS2)
We use the Workbox library and its utilities as a foundation for our service worker.
- Workbox: JavaScript Libraries for Progressive Web Apps
-
are PWA supposed to work offline ?
Btw, Workbox is effectively deprecated now. The dev in charge of it left Google for a real company 6+ months ago and no one has filled his shoes. The other day, the lady who is "maintaining" it now finally acknowledged that nothing is going to happen to it any time soon. https://github.com/GoogleChrome/workbox/issues/3149
- New React docs pretend SPAs don't exist anymore
-
[AskJS] technology stack for PWA, ServiceWorker and offline first web app?
Start from the https://github.com/GoogleChrome/workbox
- How to make your website work offline
-
Allowing users to fully cache a website for offline use?
Look into Workbox if you're okay writing code for that or Progressier otherwise.
-
Service Worker Caching Strategies
If you want to try some of these patterns, you can use the https://developers.google.com/web/tools/workbox library that provides all the features out-of-the-box.
-
Vite in the browser
Here is an example using workbox.
-
Custom Service Worker Logic in Typescript on Vite
I recently had a tiny website project which I wanted to make available offline. This is achieved by adding a Service Worker. And thanks to projects like workbox, getting basic functionality like caching for offline-use is fairly easy to set up.
What are some alternatives?
pwa-module - Zero config PWA solution for Nuxt.js
Socket.io - Realtime application framework (Node.JS server)
svgomg-twa - A sample that project Trusted Web Activities technology to wrap SVGOMG in an Android Application
comlink - Comlink makes WebWorkers enjoyable.
pwa-to-apk-action - A Github Action for Converting your PWA to android app.
redux - A JS library for predictable global state management
Django - The Web framework for perfectionists with deadlines.
lighthouse - Automated auditing, performance metrics, and best practices for the web.
pwa-to-apk-action-test - This repository contains files generated by bubblewrap-cli which will be used in awsm-pwa-to-apk-action
vite - Next generation frontend tooling. It's fast!
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
angular-styleguide - Angular Style Guide: A starting point for Angular development teams to provide consistency through good practices.