I’m working on a WeWeb + Supabase project that needs offline functionality — it’s a PWA where users (drivers and clients) should be able to create and manage fuel orders even without an internet connection, and then sync automatically when they’re back online.
I’ve read that this might require custom JS or plugins, but I’d really like to know if anyone here has found a practical approach or best practices for handling data caching, local storage, and synchronization in WeWeb.
If someone has experience or could collaborate on this implementation, please let me know — I’d be happy to share more details about the project setup and requirements.
In an experiment I have managed to use IndexedDB to store information in the browser. I did not try to sync the data to the database, as that requires some backend synchronization magic (which was not the purpose of my test).
That being said, the app / page had to be loaded for this to work; if you need to be able to access the app fully offline, I don’t think PWA is the way to go.
What you are going to need to build is mostly a backend problem not a Weweb problem.
Plus you need the users to have internet AT LEAST ONCE (to load the application manifest itself the first time) before they proceed to doing their work.
So before you build you should ask if this is not better off as a mobile application or desktop application where you can then use a purpose-built backend like powersync to actually achieve your goal. That said. Powersync supports all web frameworks, and weweb is basically Vue. So check out their docs and see how you can do this from there
