How To Make Progressive Web Apps With Svelte

Показать описание

Progressive web apps with SvelteKit.

🔖 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

Рекомендации по теме

Комментарии

I was just trying to do this last week. Thanks for sharing that other solutions are indeed problematic and comprehensively covering things from a developers perspective… really helps me as a beginner.

chinmayk

Perfect! A client just asked me for a service with a notification system and sounds like this might be it! Very well explained.

MrFernago

Your svelte passion is inspiring really

АндрейЕвстратов-тн

Just yesterday had a thought about PWA and here is the video! Your videos are completely perfect❤

MariusKubrakov

I'd love to see a small series from you where you build out re-usable svelte components, but as they should be in svelte. :)

sir_afk

Yet another great video! Thanks! You've nailed the balance perfectly – it's packed with enough detail to satisfy seasoned devs, yet clear enough for most to grasp the concepts. Great job on hitting that sweet spot of technical depth. Really really useful! And always: nice code and smile in voice. Thanks!

jesper.ordrup

great video, just follow this and my first PWA works! I would like to see more video about PWA, maybe more advance topics, such as
1. how to manage the cache when the data is fetched from database. Without PWA there is already client-side cache and server-side cache, and now there is PWA service-worker cache, vercel also has edge function, what's the strategy to take advantage of all those caching mechanisms?
2. installation prompt: the awareness of PWA for normal mobile user is still close to zero, so prompt would be nice.
3. how to test PWA cross-platform, cross-browser

indochinetoto

I actually was researching this subject on the morning

sgguitarfan

Great walkthrough as always, thank you!

ThingEngineer

Your videos have been incredibly helpful. Thanks!

mossymarsh

Fantastic video! And series overall. Thank you so much for the cool tech exposure.

JacobDuenke

Somehow I feel like you can read my mind.. I was just looking for this topic last week

theflippantfox

Great video as always Matia. Hey can you please do a video on authentication and authorization using the lucia library or auth js. There's not much content on YouTube regarding this explaining into detail like the multiple client session management in lucia. Thanks

senseicodes

Could you build a simple app with Clean Architecture principles with TDD approach and show us how to do it using sveltekit? Throw in CI/CD if you can please.

VijayasarathyMuthu