Offline fallback page - Unpacking the Workbox

Offline fallback page - Unpacking the Workbox

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=M7gQg9JojGE


Duration: 5:23
9,266 views
266

With service workers it is possible to implement an offline experience for our web app, but there are cases, when the user is offline, that all our app does is display a message letting the user know and asking them to come back later.

In this video you’ll learn how to use Workbox to serve your offline fallback page with as little as one line of code.

Workbox documentation → https://goo.gle/3Dstbmg
Offline fallback Workbox recipe → https://goo.gle/32XBiup
Offline fallback recipe options → https://goo.gle/3IiEyAv
Intro to service workers → https://goo.gle/3GbW9bH
Service worker lifecycle → https://goo.gle/3DfItdS
Follow workboxjs on twitter → https://goo.gle/3rz0Xni
Follow Adriana on twitter → https://goo.gle/3IlpWjS

Catch more from Unpacking the Workbox → https://goo.gle/UnpackingTheWorkbox
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#PWA #Workboxjs #ProgressiveWebApp #WebDevelopment #Chrome #Developer #UnpackingTheWorkbox



Other Videos By Chrome for Developers


2021-12-30Record and replay user flow with the Recorder panel | DevTools Tips
2021-12-27Generating your color palette in CSS | HTTP 203
2021-12-21Responsive images & art direction - Designing in the Browser
2021-12-16Authoring colors with DevTools | DevTools Tips
2021-12-15Choosing the right caching strategy - Unpacking the Workbox
2021-12-14The Zombie DOM - old DOM stuff that still haunts us today | HTTP 203
2021-12-14Dark mode - Designing in the Browser
2021-12-10Adapting caching to your needs - Unpacking the Workbox
2021-12-08Thinking on ways to solve TOASTS
2021-12-07Macro & micro layouts - Designing in the Browser
2021-12-03Offline fallback page - Unpacking the Workbox
2021-12-03Container queries - Designing in the Browser
2021-12-02Faster DevTools navigation with shortcuts and settings | DevTools Tips
2021-12-01The fundamentals of CSS layout | Workshop
2021-12-01Building a web application in Angular | Workshop
2021-12-01Enhance accessibility in your Angular builds | Workshop
2021-12-01Launching your PWA to Google Play Store | Workshop
2021-12-01Security and usability with cross-origin isolation | Workshop
2021-12-01Faster loading times with AVIF images | Workshop
2021-12-01Build user-adaptive interfaces | Workshop
2021-12-01Two-factor authentication workshop with WebAuthn | Workshop


Tags:
GDS: Yes
web development
pwa
progressive web apps
workbox
offline fallback workback
offline fallback
offline fallback workbox recipe
offline fallpack recipe options
intro to service workers
introduction to service workers
service worker lifecyle
workboxjs
what is workboxjs
how to use workboxjs
developer
developers
chrome developer
chrome developers
google chrome developer
google chrome developers
unpacking the workbox
unpacking the workbox chrome