next.config.ts

import bundleAnalyzer from '@next/bundle-analyzer'
import createMDX from '@next/mdx'
import type { NextConfig } from 'next'
import createNextIntlPlugin from 'next-intl/plugin'

const withNextIntl = createNextIntlPlugin('./src/i18n/request.ts')

const withBundleAnalyzer = bundleAnalyzer({
  enabled: process.env.ANALYZE === 'true',
})

// Security headers configuration
const securityHeaders = [
  {
    key: 'X-DNS-Prefetch-Control',
    value: 'on',
  },
  {
    key: 'X-Frame-Options',
    value: 'SAMEORIGIN',
  },
  {
    key: 'X-Content-Type-Options',
    value: 'nosniff',
  },
  {
    key: 'Referrer-Policy',
    value: 'strict-origin-when-cross-origin',
  },
  {
    key: 'Permissions-Policy',
    value: 'camera=(), microphone=(), geolocation=()',
  },
]

const nextConfig: NextConfig = {
  pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'],

  // Required for OpenNext Cloudflare adapter
  output: 'standalone',

  // Performance optimizations
  compress: true, // Enable gzip compression
  poweredByHeader: false, // Remove X-Powered-By header for security

  // SEO optimization
  trailingSlash: false, // Consistent URL format

  // Image optimization config
  images: {
    formats: ['image/avif', 'image/webp'],
    deviceSizes: [640, 750, 828, 1080, 1200, 1920],
    imageSizes: [16, 32, 48, 64, 96, 128, 256],
    minimumCacheTTL: 60,
    dangerouslyAllowSVG: true,
    contentDispositionType: 'attachment',
    contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
    unoptimized: true, // Ensure images are optimized
    remotePatterns: [
      // Add remote image domains here if needed
      // {
      //   protocol: 'https',
      //   hostname: 'example.com',
      // },
    ],
  },

  // Experimental features for better performance
  experimental: {
    optimizePackageImports: ['lucide-react', 'next-intl', '@mdx-js/react', 'recharts'],
  },

  // Compiler optimizations
  compiler: {
    // Remove console logs in production (keep error and warn)
    removeConsole:
      process.env.NODE_ENV === 'production'
        ? {
            exclude: ['error', 'warn'],
          }
        : false,
  },

  // TypeScript configuration
  typescript: {
    // Set to true only if you want to skip type checking during build
    ignoreBuildErrors: false,
  },

  // Rewrites to fix locale-prefixed static assets in dev mode
  async rewrites() {
    return {
      beforeFiles: [
        // Rewrite locale-prefixed _next paths to correct paths
        {
          source: '/:locale/_next/:path*',
          destination: '/_next/:path*',
        },
      ],
    }
  },

  // Redirects configuration
  async redirects() {
    return [
      // Redirect /discord to Discord server
      {
        source: '/discord',
        destination: 'https://discord.gg/u4hCpmCFCQ',
        permanent: true,
      },
    ]
  },

  // Headers for better caching and security
  async headers() {
    return [
      // Apply security headers to all routes
      {
        source: '/:path*',
        headers: securityHeaders,
      },
      // Aggressive caching for fonts (immutable)
      {
        source: '/fonts/:path*',
        headers: [
          {
            key: 'Cache-Control',
            value: 'public, max-age=31536000, immutable',
          },
        ],
      },
      // Cache OG images for a week with stale-while-revalidate
      {
        source: '/og-images/:path*',
        headers: [
          {
            key: 'Cache-Control',
            value: 'public, max-age=604800, stale-while-revalidate=86400',
          },
        ],
      },
      // Aggressive caching for Next.js static assets
      {
        source: '/_next/static/:path*',
        headers: [
          {
            key: 'Cache-Control',
            value: 'public, max-age=31536000, immutable',
          },
        ],
      },
      // Cache images and media files
      {
        source: '/images/:path*',
        headers: [
          {
            key: 'Cache-Control',
            value: 'public, max-age=31536000, immutable',
          },
        ],
      },
    ]
  },
}

const withMDX = createMDX({
  extension: /\.mdx?$/,
  options: {
    // String-based config for Turbopack compatibility (Next.js 16+)
    remarkPlugins: [
      'remark-frontmatter', // Parse and hide YAML frontmatter
      'remark-gfm', // GitHub Flavored Markdown (tables, task lists, etc.)
    ],
    rehypePlugins: [
      'rehype-highlight', // Code syntax highlighting
    ],
  },
})

export default withNextIntl(withBundleAnalyzer(withMDX(nextConfig)))

// added by create cloudflare to enable calling `getCloudflareContext()` in `next dev`
if (process.env.NODE_ENV === 'development') {
  // eslint-disable-next-line @typescript-eslint/no-floating-promises
  import('@opennextjs/cloudflare').then(({ initOpenNextCloudflareForDev }) => {
    initOpenNextCloudflareForDev()
  })
}