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

Joy of Code

Learn how to create a progressive web app using Svelte. This guide covers making the app available offline, enabling installation prompts, and managing service workers to enhance the user experience. The post delves into SvelteKit's capabilities, using service workers for background tasks and caching, and provides a step-by-step tutorial to achieve a fully functional PWA.

How To Make Progressive Web Apps With Svelte