workbox-config.js

module.exports = {
  swDest: 'public/sw.js',
  runtimeCaching: [{
    // Match any same-origin request that contains 'api'.
    urlPattern: new RegExp(/https\:\/\/gateway\.marvel\.com\/v1\/public\/.+/g),
    handler: 'cacheFirst',
    options: {
      // Use a custom cache name for this route.
      cacheName: 'api-cache',
      // Configure custom cache expiration.
      expiration: {
        maxEntries: 20,
        maxAgeSeconds: 36000,
      },
      // Configure which responses are considered cacheable.
      cacheableResponse: {
        statuses: [0, 200]
      },
    },
  },
  {
    urlPattern: new RegExp(/https\:\/\/gateway\.marvel\.com\/v1\/public\/.+/g),
    handler: 'staleWhileRevalidate',
    options: {
      cacheableResponse: {
        statuses: [0, 200]
      }
    }
  }],
  clientsClaim: true,
  skipWaiting: true,
  globPatterns: ['**/*.{js,html,css,woff2,woff,svg}'],
  globFollow: false,
  globDirectory: './public/'
}