How to Cache Assets for Offline Support in a PWA App?

[rutger-codes]

Summary

I’m currently working on a Progressive Web App (PWA) and I’m trying to implement offline support.
I want to cache the essential assets like (model.glb).

Additional information

No response

Example

No response

[dilkhush-raj]

In your service worker file, you can do like follows -

const CACHE_NAME = "test1";

async function cacheCoreAssets() {
    const cache = await caches.open(CACHE_NAME);
    return cache.addAll([
        "/model.glb",
    ]);
}

self.addEventListener("install", (event) => {
    event.waitUntil(cacheCoreAssets());
    self.skipWaiting();
});

[rutger-codes]

In your service worker file, you can do like follows -

const CACHE_NAME = "test1";

async function cacheCoreAssets() {
    const cache = await caches.open(CACHE_NAME);
    return cache.addAll([
        "/model.glb",
    ]);
}

self.addEventListener("install", (event) => {
    event.waitUntil(cacheCoreAssets());
    self.skipWaiting();
});

Thanks