The words “offline” and “web application” have been mutually exclusive for a long time, but this has now changed: most browsers have added a set of APIs to enable offline use cases. With Vaadin 19, we improved our offline support to enable you to build complete offline work flows. You can create apps that start offline and let users see cached data when they open the app and navigate between views.
Online / Offline status indication
Not all of the application functionality works equally well offline. For example, the app may disable the possibilities to modify the existing data while the application is offline to avoid possible merge conflicts. Another example is server-side views: these are not available offline at all. In these cases, it becomes important to give users a clear visual indication that the application is offline and its functionality is limited. Starting from Vaadin 19, the default connection state indicator is updated so that there is a persistent “connection lost” indication when the backend is not available.
Try it out
Interested in learning more about Vaadin and trying the offline functionality yourself? Create a new project with TypeScript views at https://start.vaadin.com/?preset=fusion and see how it works offline.
For some guidelines on how to set it up, check out this Vaadin Tips video on our YouTube channel: Easy PWA offline support with Vaadin Fusion 19.