# Progressive Web Apps

**URL:** <https://forum.bubble.io/t/progressive-web-apps/6353>\
**Category:** Questions\
**Created:** [September 25, 2016, 10:43pm UTC](https://forum.bubble.io/t/progressive-web-apps/6353 "2016-09-25T22:43:26Z")\
**Posts on this page:** 12\
**Page:** 2

<div class="post-metadata">

**Author:** ![zelus\_pudding](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/zelus_pudding/32/68250_2.png) [@zelus\_pudding](https://forum.bubble.io/u/zelus_pudding)\
**Post date:** [June 18, 2019, 6:57pm UTC](https://forum.bubble.io/t/progressive-web-apps/6353/26 "2019-06-18T18:57:18Z")

</div>

I really want to read your tutorial! I really want to know how to get an app like button for users’ homescreens and offline messaging.

---

<div class="post-metadata">

**Author:** ![john.buchelin](https://avatars.discourse-cdn.com/v4/letter/j/8baadc/32.png) [@john.buchelin](https://forum.bubble.io/u/john.buchelin)\
**Post date:** [July 3, 2019, 11:12am UTC](https://forum.bubble.io/t/progressive-web-apps/6353/27 "2019-07-03T11:12:58Z")

</div>

Hi Daniel - any update on your pwa tutorial?

Thanks

---

<div class="post-metadata">

**Author:** ![JohnMark](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/johnmark/32/42431_2.png) [@JohnMark](https://forum.bubble.io/u/JohnMark)\
**Post date:** [July 3, 2019, 1:18pm UTC](https://forum.bubble.io/t/progressive-web-apps/6353/28 "2019-07-03T13:18:54Z")

</div>

Progressive Web Apps can be done with Jasonette.

[http://forum.bubble.io/t/bubble-jasonette-native-mobile-apps/49470/29](http://forum.bubble.io/t/bubble-jasonette-native-mobile-apps/49470/29)

---

<div class="post-metadata">

**Author:** ![JohnMark](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/johnmark/32/42431_2.png) [@JohnMark](https://forum.bubble.io/u/JohnMark)\
**Post date:** [July 5, 2019, 3:18pm UTC](https://forum.bubble.io/t/progressive-web-apps/6353/29 "2019-07-05T15:18:24Z")

</div>

Hi @zelus_pudding

You maybe want to give a try on this free wrapper (having also all native functions).

> [@2024 - 10 min. to build a free native iOS/Android app large\_blue\_diamond](http://forum.bubble.io/t/10-minutes-to-build-your-app-on-ios-and-android-with-jasonelle-free/60923):
>
> Many bubblers would like to have their Bubble site (or app) converted into an application for iPhone ‘iOS’ or ‘Android’ for free. In less than 10 minutes, I had my site on my phone with free Jasonelle large_blue_diamond open source. slight_smile Become an expert in native app creation! The main advantage of this tool is that you will never have to compile again or submit your APP to Apple or Google stores. Everything is done on Bubble side forever! If you still don’t want to do it yourse…

---

<div class="post-metadata">

**Author:** ![daniel.gs.gg](https://avatars.discourse-cdn.com/v4/letter/d/e19b73/32.png) [@daniel.gs.gg](https://forum.bubble.io/u/daniel.gs.gg)\
**Post date:** [July 6, 2019, 6:47pm UTC](https://forum.bubble.io/t/progressive-web-apps/6353/30 "2019-07-06T18:47:16Z")

</div>

we have our tutorial but is in spanish, I havent have time to translate it

> **[Copy of PWA en Bubble](https://docs.google.com/document/d/1bm2YPb5s1kYVJ0oAyfDEKcAwZF86JTZKJHfpZTh2HJc/edit?usp=sharing)**
>
> PWA EN BUBBLE PASOS A SEGUIR Registrar un Service Worker Principalmente vamos a escribir Javascript en tres archivos. El primero es el Service Worker (sw.js), el segundo será para nuestra página principal (main.js) y el tercero será para el manejo...

---

<div class="post-metadata">

**Author:** ![avala](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@avala](https://forum.bubble.io/u/avala)\
**Post date:** [July 19, 2019, 10:15am UTC](https://forum.bubble.io/t/progressive-web-apps/6353/31 "2019-07-19T10:15:21Z")

</div>

Hi Daniel.gs.gg, Thanks for sharing that document !  
-Please could you tell me if you tested yet, and if it working ?  
-Also, What we need, make it before constructing or after our job in Bubble is done ?  
Thanks

---

<div class="post-metadata">

**Author:** ![rico](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rico/32/12226_2.png) [@rico](https://forum.bubble.io/u/rico)\
**Post date:** [July 25, 2019, 10:51am UTC](https://forum.bubble.io/t/progressive-web-apps/6353/32 "2019-07-25T10:51:48Z")

</div>

Same here, keen on the tutorial

---

<div class="post-metadata">

**Author:** ![daniel.gs.gg](https://avatars.discourse-cdn.com/v4/letter/d/e19b73/32.png) [@daniel.gs.gg](https://forum.bubble.io/u/daniel.gs.gg)\
**Post date:** [July 25, 2019, 6:51pm UTC](https://forum.bubble.io/t/progressive-web-apps/6353/33 "2019-07-25T18:51:11Z")

</div>

@avala @rico

YES! It does work, we have one application running on that, the pwa configuration can be added at any time of your development process.

The only thing that can’t be accomplished because the way bubble is created, is the possibility of having offline functionality, but you can have the auto-installing feature and notifications

I promise I will upload an English version, Im having lots of work lately

---

<div class="post-metadata">

**Author:** ![zach](https://avatars.discourse-cdn.com/v4/letter/z/51bf81/32.png) [@zach](https://forum.bubble.io/u/zach)\
**Post date:** [August 25, 2019, 10:07am UTC](https://forum.bubble.io/t/progressive-web-apps/6353/36 "2019-08-25T10:07:10Z")

</div>

You talking about magic leap

---

<div class="post-metadata">

**Author:** ![meinharttv](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/meinharttv/32/32583_2.png) [@meinharttv](https://forum.bubble.io/u/meinharttv)\
**Post date:** [September 23, 2019, 10:48pm UTC](https://forum.bubble.io/t/progressive-web-apps/6353/39 "2019-09-23T22:48:53Z")

</div>

Hi, would have the English Version of your paper (PWA) for me? I have set it up “on my own ideas” with some amended JS, but I think the problem is the “non deferring” Js around the page, which is then making the app quite slow at start. So I would be happy to check your tipps out! Thank you so much, to defer the exec. of js,

---

<div class="post-metadata">

**Author:** ![mente12](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mente12/32/30410_2.png) [@mente12](https://forum.bubble.io/u/mente12)\
**Post date:** [October 15, 2019, 4:21pm UTC](https://forum.bubble.io/t/progressive-web-apps/6353/40 "2019-10-15T16:21:05Z")

</div>

If you build your Bubble app:

1. using layers,
2. place a fixed bar at the bottom and at the top (+nice design),
3. place a few lines of meta tags to go full screen and non-zoom and,
4. get your users to use the **Add to Home Screen** , which places an icon on the phone screen\*

You have an experience that is, for most users, indistinguishable from native.

- most common reaction I get “oh, I didn’t know I could do that”  
my most common response: “I think some one doesn’t want you to know, wink!”

Rick  
Developer

---

<div class="post-metadata">

**Author:** ![eli](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/eli/32/42610_2.png) [@eli](https://forum.bubble.io/u/eli)\
**Post date:** [October 15, 2019, 9:49pm UTC](https://forum.bubble.io/t/progressive-web-apps/6353/41 "2019-10-15T21:49:26Z")

</div>

> [@mente12](#):
>
> place a few lines of meta tags to go full screen and non-zoom and,

🤔 interesting…

[Previous page](https://forum.bubble.io/t/progressive-web-apps/6353.md?page=1)
