Creating PWAs with Vaadin

The Vaadin server automatically serves the needed resources for a PWA, when you use the @PWA annotation in the root layout of your application.

Example: Using the @PWA annotation with the @Route annotation to automatically serve PWA resources.

Java

@PWA(name = "My Progressive Web Application",
     shortName = "MyPWA")
@Route("")
public class MyPWA extends Div {
    public MyPWA() {
        setText("Welcome to my PWA");
    }
}

• Vaadin server automatically serves the web manifest, service worker, icons, offline page, and installation prompt, and adds the necessary additions to the application headers.

• The shortName parameter should not exceed 12 characters. See PWA Web App Manifest for a list of @PWA annotation parameters you can use.