next.config.mjs

/** @type {import('next').NextConfig} */
import withPWA from 'next-pwa';

const nextConfig = {
  images: {
    domains: [
      'bzbz-file-bucket.s3.ap-northeast-2.amazonaws.com',
      'userimage.bucket.s3.ap-northeast-2.amazonaws.com',
      'sabujak-image-bucket.s3.ap-northeast-2.amazonaws.com',
      '*'
    ],
    formats: ['image/avif', 'image/webp']
  },
  reactStrictMode: true,
  webpack: (config, { isServer }) => {
    if (isServer) {
      if (Array.isArray(config.resolve.alias))
        config.resolve.alias.push({ name: 'msw/browser', alias: false });
      else config.resolve.alias['msw/browser'] = false;
    } else {
      if (Array.isArray(config.resolve.alias))
        config.resolve.alias.push({ name: 'msw/node', alias: false });
      else config.resolve.alias['msw/node'] = false;
    }

    if (!isServer) {
      // splitChunks가 객체인지 확인하고, 필요하다면 초기화
      if (
        !config.optimization.splitChunks ||
        typeof config.optimization.splitChunks !== 'object'
      ) {
        config.optimization.splitChunks = { cacheGroups: {} };
      }

      config.optimization.splitChunks.cacheGroups.commons = {
        test: /[\\/]node_modules[\\/]/,
        name: 'vendors',
        chunks: 'all'
      };
    }

    return config;
  },
  pwa: withPWA({
    dest: 'public',
    register: true,
    skipWaiting: true
  }),
  swcMinify: true
};

export default nextConfig;