next.config.js

const {createSecureHeaders} = require('next-secure-headers');
const withPlugins = require('next-compose-plugins');
const withPWA = require('next-pwa');
const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
});

/**
 * @type {import('next').NextConfig}
 */
const options = {
  async headers() {
    return [{source: "/(.*)", headers: createSecureHeaders()}];
  },

  images: {
    domains: ['images.prismic.io', 'charm.cdn.prismic.io'],
    dangerouslyAllowSVG: true,
    disableStaticImages: true,
  },

  webpack(config) {
    config.module.rules.push({
      test: /\.svg$/i,
      issuer: /\.[jt]sx?$/,
      use: ['@svgr/webpack'],
    })

    return config
  },
}

const plugins = [
  [
    withPWA,
    {
      pwa: {
        disable: process.env.NODE_ENV === "development",
        dest: 'public',
        dynamicStartUrl: false,
        mode: process.env.NODE_ENV,
      },
    },
  ],
  withBundleAnalyzer,
];

module.exports = withPlugins(plugins, options);