Summary

Production page bad-precaching-response :: [{"url":"_next/server/font-loader-manifest.js","status":500}]

Versions

next-pwa: 5.6.0
next: 13.0.6

Screenshots

next.config.js

const runtimeCaching = require('next-pwa/cache');
const withPlugins = require('next-compose-plugins');
const { withSentryConfig } = require('@sentry/nextjs');

/**
 * @type {import('@next/bundle-analyzer')}
 */
const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
  openAnalyzer: true
});

/**
 * @type {import('next-pwa').arguments}
 */
const withPWA = require('next-pwa')({
  runtimeCaching,
  dest: 'public',
  register: true,
  sw: 'service-worker.js',
  skipWaiting: true,
  cacheOnFrontEndNav: true,
  reloadOnOnline: true,
  buildExcludes: [/_middleware\.js\.map$/, /chunks\/images\/.*$/, /chunks\/pages\/api\/.*/],
  exclude: [/\.map$/, /^.*ts.*$/, /-manifest.json$/],
  publicExcludes: ['!robots.txt', '!noprecache/**/*'],
  sourcemap: false,
  maximumFileSizeToCacheInBytes: 10485760, // 10mb
  disable: process.env.NODE_ENV === 'development'
});

const SentryWebpackPluginOptions = {
  // Additional config options for the Sentry Webpack plugin. Keep in mind that
  // the following options are set automatically, and overriding them is not
  // recommended:
  //   release, url, org, project, authToken, configFile, stripPrefix,
  //   urlPrefix, include, ignore
  // For all available options, see:
  // https://github.com/getsentry/sentry-webpack-plugin#options.
  silent: true
};

/**
 * @type {import('next').NextConfig}
 */
const nextConfig = {
  compiler: {
    removeConsole: process.env.NODE_ENV !== 'development'
  },
  productionBrowserSourceMaps: false,
  experimental: {
    isrMemoryCacheSize: 0
  },
  sentry: {
    widenClientFileUpload: true,
    hideSourceMaps: true
  },
  images: {
    domains: [
      'placeholder.com',
      'via.placeholder.com',
    ],
    minimumCacheTTL: 60,
    formats: ['image/webp'],
    dangerouslyAllowSVG: true,
    contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;"
  },
  styledComponents: false,
  reactStrictMode: true,
  eslint: {
    ignoreDuringBuilds: true
  },
  webpack(config, { webpack }) {
    config.plugins.push(
      new webpack.DefinePlugin({
        __SENTRY_DEBUG__: false,
        __SENTRY_TRACING__: false
      })
    );
    config.module.rules.push({
      test: /\.svg$/,
      use: [
        {
          loader: '@svgr/webpack',
          options: {
            icon: true,
            prettier: false,
            svgo: true,
            titleProp: true
          }
        }
      ]
    });
    return config;
  },
  async rewrites() {
    return {
      afterFiles: [
      ],
      fallback: [
        {
          source: '/:path*',
          destination: '/404/:path*'
        }
      ]
    };
  }
};

const nextPlugins = [withBundleAnalyzer, withPWA];

module.exports = withSentryConfig(withPlugins(nextPlugins, nextConfig), SentryWebpackPluginOptions);

shadowwalker / next-pwa

bad-precaching-response :: [{"url":"_next/server/font-loader-manifest.js","status":500}] #437

Summary

Versions

Screenshots

next.config.js