CurrentDao-frontend/next.config.js at main · simonfrvr/CurrentDao-frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
/** @type {import('next').NextConfig} */

// Bundle Analyzer - uncomment when @next/bundle-analyzer is installed
// const withBundleAnalyzer = require('@next/bundle-analyzer')({
//   enabled: process.env.ANALYZE === 'true',
// })

const nextConfig = {
  // --- EXISTING CONFIG PRESERVED ---
  images: {
    domains: ['localhost'],
    // --- IMAGE OPTIMIZATION ---
    formats: ['image/avif', 'image/webp'],
    deviceSizes: [640, 750, 828, 1080, 1200, 1920],
    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
    minimumCacheTTL: 60 * 60 * 24 * 30,  // 30 days
    dangerouslyAllowSVG: false,
  },

  // --- COMPRESSION ---
  compress: true,

  // --- POWER PACK HEADERS ---
  async headers() {
    return [
      {
        source: '/:all*(svg|jpg|jpeg|png|gif|ico|webp|avif)',
        headers: [
          {
            key: 'Cache-Control',
            value: 'public, max-age=31536000, immutable'
          },
        ],
      },
      {
        source: '/_next/static/:path*',
        headers: [
          {
            key: 'Cache-Control',
            value: 'public, max-age=31536000, immutable'
          },
        ],
      },
      {
        source: '/:path*',
        headers: [
          { key: 'X-DNS-Prefetch-Control', value: 'on' },
          { key: 'X-Content-Type-Options', value: 'nosniff' },
        ],
      },
    ]
  },

  // --- WEBPACK BUNDLE SPLITTING ---
  webpack(config, { isServer }) {
    if (!isServer) {
      config.optimization.splitChunks = {
        chunks: 'all',
        cacheGroups: {
          // Separate heavy vendor chunks
          vendor: {
            test: /[\\/]node_modules[\\/]/,
            name(module) {
              const packageName = module.context.match(
                /[\\/]node_modules[\\/](.*?)([\\/]|$)/
              )?.[1]
              return `npm.${packageName?.replace('@', '')}`
            },
            chunks: 'all',
            priority: -10,
          },
          // Common components chunk
          commons: {
            name: 'commons',
            minChunks: 2,
            chunks: 'all',
            priority: -20,
          },
        },
      }
    }
    return config
  },

  // --- EXPERIMENTAL (Next.js 14 compatible) ---
  experimental: {
    // CSS optimization - inlines critical CSS
    optimizeCss: true,
    // Optimize package imports for heavy libraries
    optimizePackageImports: [
      'lucide-react',
      'recharts',
      'framer-motion',
      '@stellar/stellar-sdk',
    ],
  },
}

// Export config with optional bundle analyzer wrapper
// module.exports = withBundleAnalyzer(nextConfig)
module.exports = nextConfig