How To Make Progressive Web Apps With Svelte

Progressive web apps with SvelteKit.

🔴 Patreon: https://www.patreon.com/joyofcode
𝕏 Twitter: https://twitter.com/joyofcodedev
💬 Discord: https://discord.com/invite/k6ZpwAKwwZ
🔥 Uses: https://www.joyofcode.xyz/uses

🔗 Service Workers: https://kit.svelte.dev/docs/service-workers
🔗 Progressive Web Apps: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps
🔗 Learn PWA: https://web.dev/learn/pwa
🔗 Debug Progressive Web Apps: https://developer.chrome.com/docs/devtools/progressive-web-apps
🔗 PWA Assets Generator: https://vite-pwa-org.netlify.app/assets-generator/cli.html

🔖 Timestamps

0:00 Intro
0:54 Previously
1:27 What Are Service Workers?
3:56 Creating The Service Worker
4:49 Adding Types
5:49 Service Worker Store
7:04 Updating The Service Worker
9:01 Add Files To The Cache
11:35 Clearing The Cache
13:05 Offline Mode
21:48 Detect Service Worker Update
26:49 Make The App Installable
33:51 Outro

#joyofcode #sveltekit #svelte #pwa