Run your website offline using Service Workers

🚑. Make your website work offline using Service Workers 🚑
This video covers how to use service workers to hook into the browsers fetch event and if they are offline, serve them static assets that have been cached on the client :)
If you have any specific content you'd like me to cover please let me know via a comment/DM! 😁

[@KodyVanSloten]

This is the first time I've ever rewatched an intro 😂Great job

[@onthecodeagain]

😂 thanks!

[@kill_switch_101]

finally found a great tutorial for this API!

[@romanostash822]

Thank you for sharing this!

[@ridhwwan]

I'll like to apologise for taking so long to find your channel sire 🧙🏾‍♂️

[@onthecodeagain]

Haha all is forgiven

[@pocket1die126]

great video. waiting for the one that updates the cache.

[@excelprosper1374]

This was really easy to use, thanks for sharing.

[@onthecodeagain]

Thanks for watching!

[@clarasampaio1175]

Thank you so so much

[@appolonguy-alain5282]

Thank you, great it works very well. But how to update the caches when there is internet

[@onthecodeagain]

I may cover that in the future. but essentially what you would do is intercept the http calls and perhaps only use cache when the user is offline

[@user-cj6te2oj4m]

Thanks this is exactly what i needed

[@onthecodeagain]

Awesome!

[@thearmor9231]

Nice funny video and great content!

[@onthecodeagain]

Thanks!

[@NullPoint961]

my old caches are not being deleted when CACHE_NAME is changed, and also, when switched to offline mode my webpage doesn't appear like the video did

[@phinok.m.628]

Ah, yeah... Don't you just love it, when people make programming tutorials, but then don't add a link to the sources in the description. Basically making anybody wanting to use it, type it off, run the video through OCR or just look for a different video that has sources?! :D

[@TheGarageboyz]

Possible to do this with php?

[@onthecodeagain]

Yeah👍

[@EdwnPerez]

is there a way to have a offline website that can actively be used such as receiving a message and sending one back while having no service?

[@diptoshaa008]

Bro,, i factched errors can you help me??

[@afrographixstudio]

When i refresh the page , Chrome clear the cache automatically

[@onthecodeagain]

Maybe you have disable cache enabled?

[@timothydavis5940]

Will this work for a mobile phone accessing the website?

[@onthecodeagain]

Yeah

[@shegeley]

Cool. What about cljs?

[@onthecodeagain]

I'll get there :)

[@shegeley]

@@onthecodeagain I mean: Service Workers + shadow-cljs.

[@onthecodeagain]

@@shegeley yeah I know! I'll try get a video on that.

[@saniks5070]

god

[@reverseworld5768]

hello why my cache storage is empty

[@pocket1die126]

change the directory. remove the / in your '/index....' happened to me

[@frontforumfocus]

I have an error navigator is not defined

[@onthecodeagain]

Thats odd. Make sure you've spelled it correctly and see if window.navigator returns anything in console?

[@frontforumfocus]

@@onthecodeagain I have but everything from my screen does not highlight anything

[@frontforumfocus]

where is the code for this

[@onthecodeagain]

I didnt make a repo out of this and dont have the projects anymore

[@islamicsolution5618]

Great
But not showing clearly plz

[@ms21667]

Hello can you send me a code

[@onthecodeagain]

If someone creates a git repo for this I'll add it to the description :) dont have the code anymore