How To Make Your Website A Progressive Web App (And Why You Might Want To)

on YouTube ↗36m

" summary

Starts from a plain HTML site, adds HTTPS (GitHub Pages, Let’s Encrypt, Cloudflare), a manifest.json and serviceworker.js, then controls caching, offline audio, and push via the Notifications API. Builds two examples: PartyPartyParty.party installs to home screen, caches MP3s and works fully offline; damn.dawg manages image-heavy gameplay (about 358 images) with offline fallbacks, updates via push, and appears in the Windows Store without packaging. Uses Lighthouse for testing and PWA Builder for boilerplate; both examples work and install.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 13:01What do you need? 1. HTTPS connection 2. manifest.json 3. service-worker.js
3. 17:26Now, let's see some real-world examples
4. 28:51The Notification API
5. 30:37Where do you go from here?
6. 35:01Escape the walled garden.

" related talks

• 56mHow To Make Your Website A Progressive Web App (And Why You Might Want To)Lemon · NDC Melbourne 2025
• 58mHow To Make Your Website A Progressive Web App And Why You Might Want ToLemon · NDC Oslo 2021
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 37mIntro to Progressive Web AppsKyle Paul · DevFest Florida 2019
• 23mBuilding a Progressive Web AppKirupa Chinnathambi · Front-Trends 2017
• 17mLet's Build a Progressive Web Appuve · DeltaV Conference 2018
• 46mIntro to Progressive Web AppsKyle Paul · DevFestMN 2018
• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017