Progressive Web Apps (PWA) brings together the best of native mobile apps and web.
Kickstart your Progressive Web App project with this starter kit. The PWA starter provides the essential building blocks for any PWA project, and lets you use your favourite front-end framework, or roll your own.
Webpack + Workbox
The PWA starter uses modern tools like Webpack for the build process, Workbox for automatic generation of the Service Worker file and dynamic response caching. A manifest file definition is also included.
Url handling and best practice
- Background sync page: create and manage a Todo list on- or off-line with cross-browser support
- Upgraded to Workbox 3.0
- When a new version of the app is out, user will be notified and can decide when to upgrade
- Added Push Notifications page
- Re-factoring of code
- Uses Thymeleaf for pages
- No external dependencies
- Initial work on push messages started
- Removed menu from the header
- Upgraded Webpack and Workbox to newer versions
- Changed default strategy to cache-first
- Register Service Worker and embed inlne styles on every page
- Update SW on app version change
- Use NetworkFirst caching strategy
- Upgrade xp gradle plugin to 1.0.17
- Pass 100% audit on Lighthouse
- Initial release
Clone Workbox PWA Starter
To initialize a new project based on Workbox PWA Starter, execute the command below. Remember to replace <com.company.myapp> with a unique name for your app, and </my/projects> with the location you want to store the project. <$XP_INSTALL> is the location of your XP installation.
The init-project tool initializes a new application project structure by retrieving a Git repository, removing all references to the Git repository, and adapting its build file properties (gradle.properties).