import { withPayload } from '@payloadcms/next/withPayload' import path from 'path' import { fileURLToPath } from 'url' import redirects from './redirects.js' const __dirname = path.dirname(fileURLToPath(import.meta.url)) const NEXT_PUBLIC_SERVER_URL = process.env.VERCEL_PROJECT_PRODUCTION_URL ? `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}` : process.env.__NEXT_PRIVATE_ORIGIN || 'http://localhost:3000' /** @type {import('next').NextConfig} */ const nextConfig = { output: 'standalone', // Sharp dynamically loads its platform-specific native addon and libvips files. // @swc/helpers also loads ESM helpers dynamically at runtime. Include both // packages in the standalone trace so the production image is complete. outputFileTracingIncludes: { '/*': [ 'node_modules/sharp/**/*', 'node_modules/.pnpm/@swc+helpers@*/node_modules/@swc/helpers/**/*', ], }, images: { // Disable optimization in production when behind nginx proxy // This avoids the 'url' query parameter issue that nginx blocks // Images will still load but without Next.js optimization unoptimized: process.env.NODE_ENV === 'production', remotePatterns: [ ...[NEXT_PUBLIC_SERVER_URL, 'https://payloadcms.3twenty9.com'] .filter(Boolean) .map((item) => { try { const url = new URL(item) return { hostname: url.hostname, protocol: url.protocol.replace(':', ''), } } catch { return null } }) .filter(Boolean), ], }, webpack: (webpackConfig, { isServer }) => { webpackConfig.resolve.extensionAlias = { '.cjs': ['.cts', '.cjs'], '.js': ['.ts', '.tsx', '.js', '.jsx'], '.mjs': ['.mts', '.mjs'], } // Resolve strnum for fast-xml-parser (pnpm + Next.js bundle can't resolve it) webpackConfig.resolve.alias = { ...webpackConfig.resolve.alias, strnum: path.resolve(__dirname, 'src/lib/strnum.js'), } return webpackConfig }, reactStrictMode: true, redirects, } export default withPayload(nextConfig, { devBundleServerPackages: false })