next.config.ts

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
    output: "standalone",
    reactStrictMode: true,
    eslint: {
        ignoreDuringBuilds: true,
    },

    // 🚀 환경 변수 설정
    env: {
        NEXT_PUBLIC_WS_URL: process.env.NODE_ENV === 'production'
            ? 'wss://xn--o79aq2k062a.store/ws'
            : 'ws://localhost:8000/ws',
    },

    // 🚀 CDN 최적화: 정적 자산을 CloudFront + S3로 분리
    assetPrefix: process.env.NODE_ENV === 'production'
        ? process.env.CDN_URL || 'https://d36ue99r8i68ow.cloudfront.net'
        : '',
    
    // 🚀 정적 자산 경로 설정
    trailingSlash: false,
    generateEtags: true,
    poweredByHeader: false,
    
    // 🚀 서버 외부 패키지 설정 (standalone 빌드 안정성)
    serverExternalPackages: ['sharp'],

    images: {
        // 로고 파일은 Next.js 서버에서 직접 제공하므로 최적화 활성화
        unoptimized: false,
        formats: ["image/avif", "image/webp"],
        deviceSizes: [640, 750, 828, 1080, 1200],
        imageSizes: [16, 32, 48, 64, 96, 128, 256],
        minimumCacheTTL: 60,
        dangerouslyAllowSVG: true,
        // 🖼️ S3 + CloudFront 이미지 로더 설정 (로고는 Next.js 서버 사용)
        loader: 'custom',
        loaderFile: './src/lib/imageLoader.ts',
    },

    // ✅ 실험적 옵션 (React 19 + Next.js 15.5.2)
    experimental: {
        // React 19 최적화
        reactCompiler: false, // Turbopack과 충돌 방지
        // 스트리밍 SSR 활성화
        serverActions: {
            allowedOrigins: ['localhost:3000', 'xn--o79aq2k062a.store'],
        },
        // Next.js 15.5.2에서 지원하는 최적화
        optimizePackageImports: ['lucide-react'],
        // 메모리 사용량 최적화
        memoryBasedWorkersCount: true,
    },

    distDir: ".next",
    // 🔑 standalone + Node runtime 엔트리 강제
    // 빌드 시 next-server.js를 생성
    outputFileTracingRoot: process.cwd(), // 워크스페이스 루트 경고 해결
    
    // 🚀 빌드 ID 고정 (CI와 로컬 환경 일치)
    generateBuildId: () => 'production-build',

    compiler: {
        removeConsole:
            process.env.NODE_ENV === "production"
                ? { exclude: ["error", "warn"] }
                : false,
    },

    modularizeImports: {
        "lucide-react": {
            transform: "lucide-react/dist/esm/icons/{{kebabCase member}}",
        },
    },

    headers: async () => [
        {
            source: "/(.*)",
            headers: [
                {
                    key: "Cache-Control",
                    value: "public, max-age=0, s-maxage=300, stale-while-revalidate=60",
                },
            ],
        },
        {
            source: "/api/(.*)",
            headers: [
                {
                    key: "Cache-Control",
                    value: "no-store, no-cache, must-revalidate",
                },
            ],
        },
        {
            source: "/_next/static/(.*)",
            headers: [
                {
                    key: "Cache-Control",
                    value: "public, max-age=31536000, immutable",
                },
            ],
        },
    ],
};

export default nextConfig;

// import type { NextConfig } from "next"; // kr 도입하려고 ts > mjs 로 전환 안돼면 롤백해야함
//
// const nextConfig: NextConfig = {
//     output: 'standalone',
//     eslint: {
//         ignoreDuringBuilds: true,
//     },
//     // 🚀 CDN 최적화: 정적 자산을 CloudFront + S3로 분리
//     assetPrefix: process.env.NODE_ENV === 'production'
//         ? process.env.CDN_URL || 'https://d36ue99r8i68ow.cloudfront.net'
//         : '',
//     images: {
//         formats: ['image/avif', 'image/webp'],
//         deviceSizes: [640, 750, 828, 1080, 1200],
//         imageSizes: [16, 32, 48, 64, 96, 128, 256],
//         minimumCacheTTL: 60,
//         // 이미지 최적화 강화
//         dangerouslyAllowSVG: true,
//         contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
//         // 환경별 이미지 로더 설정
//         ...(process.env.NODE_ENV === 'production' ? {
//             loader: 'custom',
//             loaderFile: './src/lib/imageLoader.ts',
//         } : {}),
//     },
//     compress: true,
//
//     // Docker 환경 최적화
//     poweredByHeader: false,
//     generateEtags: true,
//
//     // 🚀 SSR 성능 최적화 (Next.js 15 + React 19)
//     experimental: {
//         // 메모리 사용량 최적화
//         memoryBasedWorkersCount: true,
//         // React 19 최적화
//         reactCompiler: false, // Turbopack과 충돌 방지
//         // 스트리밍 SSR 활성화
//         serverActions: {
//             allowedOrigins: ['localhost:3000', 'xn--o79aq2k062a.store'],
//         },
//         // Next.js 15.5.3에서 지원하는 최적화만 사용
//         optimizePackageImports: ['lucide-react'],
//         // 🚀 CSS 최적화 (Next.js 15.5.3에서 불안정하므로 비활성화)
//         // optimizeCss: true  // critters 에러로 인해 비활성화
//     },
//
//     // 🚀 서버 외부 패키지 설정 (Next.js 15+)
//     serverExternalPackages: ['sharp'],
//
//     // 🚀 빌드 안정성 설정
//     outputFileTracingRoot: process.cwd(), // 워크스페이스 루트 경고 해결
//
//     // 🚀 빌드 캐시 설정 (CI/CD 최적화)
//     generateBuildId: process.env.CI ? () => 'build' : undefined,
//
//     // 🚀 서버 타임아웃 설정 (Cold Start 방지)
//     serverRuntimeConfig: {
//         // 서버 사이드 타임아웃 설정
//         timeout: 30000, // 30초
//     },
//
//     // 🚀 CSS 최적화 설정 (Next.js 15.5.3에서 제거됨)
//     // swcMinify: true, // Next.js 15+에서 기본 활성화
//
//     // 🚀 컴파일러 최적화
//     compiler: {
//         removeConsole: process.env.NODE_ENV === 'production' ? {
//             exclude: ['error', 'warn'],
//         } : false,
//         // React 19 최적화
//         reactRemoveProperties: process.env.NODE_ENV === 'production' ? {
//             properties: ['^data-testid$']
//         } : false,
//     },
//
//     // 🚀 성능 최적화
//     modularizeImports: {
//         'lucide-react': {
//             transform: 'lucide-react/dist/esm/icons/{{kebabCase member}}',
//         },
//     },
//
//     // 🚀 캐싱 전략 (SSR 성능 향상)
//     headers: async () => [
//         {
//             source: '/(.*)',
//             headers: [
//                 {
//                     key: 'Cache-Control',
//                     value: 'public, max-age=0, s-maxage=300, stale-while-revalidate=60',
//                 },
//             ],
//         },
//         {
//             source: '/api/(.*)',
//             headers: [
//                 {
//                     key: 'Cache-Control',
//                     value: 'no-store',
//                 },
//             ],
//         },
//         {
//             source: '/_next/static/(.*)',
//             headers: [
//                 {
//                     key: 'Cache-Control',
//                     value: 'public, max-age=31536000, immutable',
//                 },
//             ],
//         },
//     ],
// };
//
// export default nextConfig;