Hello community,
I was wondering how I can create a PWA with bubble?
Or is a PWA basically just a website built for use on mobile devices? But how do I get the download-feature (that users can download my PWA and have it on their phones like a native app, without the browser tab)
Thank you!
Felix
also interested in this.
Me too. Very interested. Some kind of example or tutorial would be great
Interested also. 
Search for Jasonelle.
You can use pwabuilder.
You can build almost your entire native app in Bubble / Jasonelle:
Now with Jasonelle…
Thanks
Google is your best friend.
I have issues with my wrapped app (webview gold) so I am thinking of giving PWA Builder a try. Have you used it and is there anything I need to look out for?
Hi @eduKit
I just saw your post!
Jasonelle, like other wrappers, has its own set of execution commands in a json file. But 90% of Native you need are already inside Bubble and plugins. You have no code to learn if you take the file as just to wrap.
If you need special native function, you can follow my post : create a free native app
It depends on how responsive your site is. If your site is 100% responsive for a 320x phone pixel, then it’s easier.
Jasonelle do nothing, just display your html site.
Free, faster than other wrapper when is time to update your app. No more compilation too.
from 1 hour to 6 months? no clue. 
Nobody until now are sharing their apps, secret weapon I presumed 
Enjoy!
What is the difference between a webviewer and a PWA? And what are your issues?
Felix
Thank Felix,
I am no expert but in my opinion, the wrapper provides a “browser” with additional features to make the app seem more native. Splashscreen, notifications and icon come to mind. It provides installation files for the 2 app stores.
A PWA also provides those additional features but with the help of a manifest file and service helpers. The PWA can not be listed in the stores but when a user visits a PWA on the web he can be asked to put an icon on home screen and the app opens in full screen, an experience much like an app.
The issues I have are that I have to change splash screen and icon and that the installed qr reader does not open from within the already wrapped app. I will need to re-wrap but don’t know how to do it myself. So I am thinking skipping the app stores all together and just go with the PWA.
Hope I make sense with the above.
@felix.zehetner @FJP @shu.teopengco @eduKit @rico @sorensong you guys might be interested to check out our latest release. In our humble opinion, there really is no better way to think about building a PWA on Bubble.
for some reason i just assumed bubble would always yeld to pwa, or at least some similar feature for offline access, as default.
it doesn’t, of course.
nobody really does it now, in the no code universe, do they?
and i tried all the options offered above. none worked very well.
to me, this is what i was expecting:
open website.
go offline.
reload.
all visited pages will work.
ideally, some pages not visited will also work.
just like gatsbyjs.org
now, the weirdest part is…
go online.
install.
go offline.
everything should work!
i think gatsby doesn’t install… but it should, shouldn’t it?
the Pokémon demo almost works, but there’s just so many broken things, including bugs and not really working while offline, that i don’t honestly think it’s worth the trouble.
so, in the pwa aspect, i found it hard to come up with a quick instance of how it should work!
anyway, hope someone can help before i find the answers myself…
cheers!
Hi, all. In additional to your discussion I would talk about benefits of progressive web apps. So if we talk about PWA benefits is: Instant use opportunity, Compatible with everything, Relatively easy to implement, No app store difficulties and Lower time and money spendings.
Hey, I’m currently working on a plugin that will be compatible with bubble to add PWA functionality in 1-click. It’s still in development but will be coming soon if you’re interested: https://instantpwa.io/
@felix.zehetner Please note your page name will be your app name and your favicon will be your app icon.
On iOS open your app in safari then “add to Home Screen”.
On android open your app in Chrome then “Add to homescreen”
iOS
android
Your page name will be the app name and your favicon will be the app icon.
Do you know what could be the issue if the favicon is not displaying as the app icon? The app icon is displaying as a little pic of the page bookmarked instead. Favicon is in the bubble settings of the app and displays when loaded as a webpage
Thanks!
