next.config.js

/** @type {import('next').NextConfig} */

const withPWA = require('next-pwa')

const defaultRuntimeCaching = require('next-pwa/cache')

module.exports = withPWA({
  disable: process.env.NODE_ENV === 'development',
  dest: 'public', // comment out this line
  register: true,
  sw: '/sw.js',
  // publicExcludes: ['!offline-dict.sqlite.gz'],
  runtimeCaching: [
    {
      urlPattern: ({ url }) => {
        const isSameOrigin = self.origin === url.origin
        if (!isSameOrigin) return false
        const pathname = url.pathname
        if (pathname.startsWith('/topic/')) return true
        return false
      },
      handler: 'NetworkFirst',
      options: {
        cacheName: 'topic',
        networkTimeoutSeconds: 10,
        plugins: [
          { cacheKeyWillBeUsed: async () => '/topic/' },
          { cachedResponseWillBeUsed: async () => '/topic/' }
        ]
      }
    },
    ...defaultRuntimeCaching
  ]
})({
  reactStrictMode: true,
  swcMinify: true,
  output: 'export',
  webpack: (config) => {
    config.resolve.fallback = { fs: false }
    config.experiments.syncWebAssembly = true
    return config
  },
  transpilePackages: ['absurd-sql']
})