steph-crown

// Runs whenever there is a fetch request
self.addEventListener("fetch", (event) => {
    // Checks the cache to find matching request. 
    // If there is a cached version of the request, it returns the cached version, otherwise it makes a new request.
    event.respondWith(
        caches.match(event.request).then((res) => {
            return res || fetch(event.request);
        })
    );
});

steph-crown

{
    "name": "Studylove PWA",
    "short_name": "Studylove",
    "description": "This is a PWA tutorial created by Steph Crown",
    "start_url": ".",
    "background_color": "#B3D1FF",
    "theme_color": "#0A0F75",
    "display": "standalone",
    "icons": [
        {