next.config.mjs

import withAntdLess from 'next-plugin-antd-less';
import { withSentryConfig } from '@sentry/nextjs';

/** @type {import('next').NextConfig} */
const nextConfig = withAntdLess({
    reactStrictMode: true,
    swcMinify: true,
    assetPrefix: '',
    experimental: { esmExternals: true },
    env: {
        NEXT_PUBLIC_GA_ID: process.env.NEXT_PUBLIC_GA_ID,
        NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,
    },
    images: {
        remotePatterns: [
          {
            protocol: 'https',
            hostname: 'chunsik-dev.s3.ap-northeast-2.amazonaws.com',
            port: '',
            pathname: '/**', 
          },
          {
            protocol: 'https',
            hostname: 'cdn.qqqq.world',
            port: '',
            pathname: '/**',
          }
        ],
        domains: ['cdn.qqqq.world'],
      },
    transpilePackages: ['antd', '@ant-design', 'rc-util', 'rc-pagination', 'rc-picker', 'rc-notification', 'rc-tooltip'],
    webpack: (config) => {
        config.infrastructureLogging = { debug: /PackFileCache/ };
        config.resolve.alias.canvas = false;
        config.cache = false;
        config.module.rules.push({
            test: /\.node$/,
            use: 'raw-loader',
        });

        return config;
    },
});

const sentryConfig = {
    org: "chulchulhanchunsigi",
    project: "pq-fe", 
    silent: !process.env.CI,
    widenClientFileUpload: true,
    hideSourceMaps: true,
    disableLogger: true,
    automaticVercelMonitors: true,
};

export default withSentryConfig(nextConfig, sentryConfig);