custom-service-worker.js

//Cache first, falling back to network
registerRoute(
  ({ url }) => url.host.startsWith("fonts.googleapi.com"),
  new CacheFirst({
    cacheName: "google-fonts",
    plugins: [
      new ExpirationPlugin({
        maxEntries: 30,
      }),
      new CacheableResponsePlugin({
        statuses: [0, 200],
      }),
    ],
  })
);

//Network first, falling back to cache
registerRoute(
  ({ url }) => url.pathname.startsWith("/blogs"),
  new NetworkFirst()
);

//Stale-while-revalidate
registerRoute(
  ({ url }) => url.protocol === "http:" || url.protocol === "https:",
  new StaleWhileRevalidate()
);