next.config.mjs

import withPWA from 'next-pwa';

const imgHostName = process.env.NEXT_PUBLIC_IMAGE_HOSTNAME;

const nextConfig = {
  images: {
    formats: ['image/avif', 'image/webp'],
    remotePatterns: [
      {
        protocol: 'https',
        hostname: imgHostName,
      },
    ],
  },
  output: 'standalone',
  async headers() {
    return [
      {
        source: '/_next/image(.*)',
        headers: [
          {
            key: 'Cache-Control',
            value: 'no-store, max-age=0, must-revalidate',
          },
        ],
      },
    ];
  },
};

const config = withPWA({
  dest: 'public',
})(nextConfig);

export default config;