snippet-pastebin/next.config.js

/* eslint-env node */
/** @type {import('next').NextConfig} */
const isGithubPages = process.env.GITHUB_PAGES === 'true' || process.env.GITHUB_ACTIONS === 'true'
const repoBasePath = process.env.NEXT_PUBLIC_BASE_PATH
  || (isGithubPages && process.env.GITHUB_REPOSITORY
    ? `/${process.env.GITHUB_REPOSITORY.split('/')[1]}`
    : '')

const nextConfig = {
  output: process.env.BUILD_STATIC || isGithubPages ? 'export' : 'standalone',
  basePath: repoBasePath,
  assetPrefix: repoBasePath || undefined,
  images: {
    unoptimized: true,
  },
  experimental: {
    optimizePackageImports: ['@radix-ui/react-icons', '@phosphor-icons/react'],
    turbopackScopeHoisting: false,
  },
  serverExternalPackages: ['pyodide'],
  webpack: (config, { isServer, webpack }) => {
    // Pyodide contains references to Node.js built-in modules that should be ignored in browser bundles
    if (!isServer) {
      // Replace node: protocol imports with empty modules
      config.plugins.push(
        new webpack.NormalModuleReplacementPlugin(
          /^node:/,
          (resource) => {
            resource.request = resource.request.replace(/^node:/, '');
          }
        )
      );

      // Set fallbacks for node modules to false (don't polyfill)
      config.resolve.fallback = {
        ...config.resolve.fallback,
        fs: false,
        child_process: false,
        crypto: false,
        path: false,
        url: false,
        vm: false,
      };

      // Exclude pyodide from server-side rendering completely
      config.resolve.alias = {
        ...config.resolve.alias,
        pyodide: false,
      };
    }
    
    // On server, also exclude pyodide
    if (isServer) {
      config.externals = config.externals || [];
      config.externals.push('pyodide');
    }
    
    return config;
  },
};

export default nextConfig;