Offline Notice

By default, PWA introduces the Service Worker, which gives us the ability to browse offline. And since we can work offline as well as online, it’s a good idea to let the user know when the app can’t reach the internet so that they don’t get frustrated when new data doesn’t show up after they refresh.

Once you are offline, a yellow stripe with a note will appear below the header of your store on both mobile and desktop.

In the offline mode, we have removed the loading animation of placeholders. The user will only view the content that was loaded previously.

In case of accessing a page that was not loaded previously, the "You are offline note" will appear in full-screen.

​