How to convert a Webflow and Memberstack web app to a mobile app without changing the backend? Answered
It is impossible to generate a resource that between the magic of webflow + memberstack creates the possibility to continue using the same methods but that the mobile responsive can also be launched to mobile app (it could be a pwa).
The web app is already developed and works excellent, what I need is to make it a mobile application.
Comments
7 comments
This is a paid service that they claim to allow a Webflow hosted site be turned into a PWA. Feel free to try it out https://progressier.com/quickstart/create-a-pwa-with-webflow
I haven't tried it myself to be sure. Basically they say it acts as a wrapper embedding your webflow app into their servers and they also give you a url. Webflow natively doesn't support PWA (so far until this date). In theory you shouldn't have to change a thing... but can't be sure until you make some tests yourself.
If you have any specific questions about their app you'll have to use their chat support on their site
If you really want to have control of your PWA you'll have to export your webflow site and host it somewhere else https://medium.com/design-bootcamp/turn-any-webflow-site-into-web-app-easily-7cfd5fb3afa3
I cant believe how it works 🤯
It's progressier safe isn't it? i.e. using PWA's and downloading them to the phone (in terms of security, pishing)
I can't believe how powerful this is!
Yeah, it all depends if the user trust the source, meaning the user access the right domain and download the right app. Anyone can be vulnerable to phishing attacks, just need to pay attention.
By using progressier you have to remove a small layer of security from your site, the secure headers. Basically you allow your site to be published as an iframe in any domain... There's a type of cyberattack where the attacker can embed your site in an iframe and on top of it add an invisible element that will serve as the base for the attack. The attacker would still need to use a different domain.
https://developer.mozilla.org/en-US/docs/Web/Security/Practical_implementation_guides/Clickjacking
It's a risk that you'll have to consider when implementing.
You don’t need to use this at all. I followed one YT video and use Wized with some tiny code and my web app is now a full screen PWA.
https://youtu.be/lK0R9JDskbQ?si=-uQHx96jUmy-XyY1
All you need to do is just design your web app as a mobile app in webflow
With progressier works perfect and very simple, but i cant upload the pwa to Playstore and App Store, its the only thing that push me to search for an other way.
From my understanding - this is only possible with a native app not a PWA.
So you could use this - https://www.despia.com
PWAs can be uploaded to app stores, you can read the this official documentation from MDN or from Web.Dev, to see more details. Each store has different requirements which can be found reading the articles. In either case, using the recently suggested app Despia (which doesn't have any documentation yet) or following the app store official documentation to upload, the source code of the whole site is required, I mean, exporting the site via Webflow's export feature. And every time there's a new update, the app will have to be exported and re imported again to the chosen tool again.
As long as the site is hosted in Webflow, there will be limitations in regard of PWA. It's not like it cannot be done, but all features of PWA won't be necessarly available. Progressier clearly mentions it in their tutorial. Hopefully this gives you a clear idea.
Please sign in to leave a comment.