Progressive Web App with Java

This guide shows you how to get PWA functionalities in a Java application.

Java app before applying PWA functionaities	Final app with PWA, running standalone

Step by step guide

Here are easy steps on how to make a Java app, PWA compatible:

Step 0 | Simple Vaadin App

Step 1 | Simple JS PWA

Step 2 | Add JS responsible about SW

Step 3 | Add service worker

Step 4 | Update cached files

Step 5 | Include manifest file

Step 6 | Add relevant meta tags

Step 7 | Compression and production mode

Step 8 | Show data in a working app

Step 9 | Skip waiting when updating the service worker

How the final app looks like

App icon on the desktop	Splash screen when opened	App drawer