next.config.ts

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  webpack: (config) => {
    config.resolve.fallback = {
      ...config.resolve.fallback,
      fs: false,
      crypto: false,
      path: false,
    };

    return config;
  },
  turbopack: {
    resolveAlias: {
      fs: { browser: './empty.js' },
      "fs/promises": { browser: './empty.js' },
      path: { browser: './empty.js' },
      crypto: { browser: './empty.js' }
    }
  },
  serverExternalPackages: ['mjml', 'fs', 'fs/promises'],
  experimental: {
    authInterrupts: true,
    turbopackFileSystemCacheForDev: true,
    serverActions: {
      bodySizeLimit: '8mb'
    },
  },
  basePath: process.env.NEXT_PUBLIC_BASE_PATH || '',
  images: {
    remotePatterns: [
      {
        protocol: 'http',
        hostname: '**'
      },
      {
        protocol: 'https',
        hostname: process.env.S3_DOMAIN ? process.env.S3_DOMAIN : '',
      }
    ]
  },
  async headers() {
    return [
      {
        source: '/(.*)',
        headers: [
          {
            key: 'Access-Control-Allow-Origin',
            value: process.env.CORS_ORIGIN || '',
          }
        ]
      }
    ];
  }
};

export default nextConfig;