Hosting a PWA with Jekyll and Github pages

Step-by-step guide to creating and hosting a Progressive Web App (PWA) using Jekyll static site generator and GitHub Pages, including manifest.json setup, service worker implementation, and app icon generation.

In order to have a Progressive Web App (PWA) hosted in GitHub and served as part of your Jekyll generated website we need to follow several steps listed bellow.

Add a `manifest.json` file

Using a web app manifest, we are signalling to the browser that the website can be installed and a regular app and that it can work offline.

Add a Service Worker

The Service Worker are a proxy between the web app, the website and the network (when available).

Generate app icons

https://github.com/elegantapp/pwa-asset-generator