Generate a 😎 Service Worker in an Instant ⚡
General Configuration 🤹‍♂️
What do you want to name your new service worker?
What do you want the name of the cache to be?
Do you have an offline.html page?
Great! You're one step closer!🎉🥳
Would you want to use some of the functions from your existing script files?

Caching Strategy 🧠💪 (Pre Cache)
Do you want to respect your user's network connection when pre-caching?
Enter the Assets 📦 to Pre-Cache Enter the absolute links to the assets you want to pre-cache (relative to the root of your site)
Delete Entry
Add New Entry Add New Entry
Enter the Pages 📄 to Pre-Cache Enter the absolute links to the pages you want to pre-cache (relative to the root of your site)
Delete Entry
Add New Entry Add New Entry
Life Cycle 🧬
Do you use any CDNs? If so, do you want to cache them as well? If yes, add the links to the cdns. Just enter the hostnames of the CDNs. For Eg: If it's jQueryV3.6.0 from Google, just `ajax.googleapis.com` is enough
Delete Entry
Add New Entry Add New Entry
Do you use an Image Network like 8biticon or face.co? If yes, add the links to the Image CDNS.
Delete Entry
Add New Entry Add New Entry

Enter the link for a fallback Image. This image will be used if the service worker encounters troubles while fetching the real images
Choose the Delivery Strategy of the Fetch Event:
Cache Only and Network Only stuff don't work good in my experience. So you get only 2 options. 😈
Delivery Strategy of your web app files - local
Delivery Strategy of your Image network and CDNs
Powerful Browser Technologies ⚡
Do you plan to use these technologies?
Your Service Worker is ready to be installed 💻💠⚡ Points to remember: • Place the service worker in the root of your site and make sure offline.html also lives there. • Add the below snippet to end of your <body> tag in your index.html file: 

                • Make sure the assets you want to cache are in the specified path.
                    Failure to do so may/will result in a failed installation of the service worker.
                • Background Sync, Periodic Background Sync, Background Fetch won't
                    work unless the web app is installed as a Progressive Web App (PWA) and is served from an HTTPS
                    server or from localhost. And also depends on the browser compatibility.
                • Thanks for using! 🖖 :-) Star me on GitHub if you like it!