serverComponentsExternalPackages
Dependencies used inside Server Components and Route Handlers will automatically be bundled by Next.js.
If a dependency is using Node.js specific features, you can choose to opt-out specific dependencies from the Server Components bundling and use native Node.js require.
next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {
experimental: {
serverComponentsExternalPackages: ['@acme/ui'],
},
}
module.exports = nextConfigNext.js includes a short list of popular packages that currently are working on compatibility and automatically opt-ed out:
@aws-sdk/client-s3@aws-sdk/s3-presigned-post@blockfrost/blockfrost-js@libsql/client@jpg-store/lucid-cardano@mikro-orm/core@mikro-orm/knex@prisma/client@sentry/nextjs@sentry/node@swc/coreargon2autoprefixeraws-crtbcryptbetter-sqlite3canvascpu-featurescypresseslintexpressfirebase-adminjestjsdomlibsqllodashmdx-bundlermongodbmongoosenext-mdx-remotenext-seopayloadpgplaywrightpostcssprettierprismapuppeteerrimrafsharpshikisqlite3tailwindcssts-nodetypescriptvscode-onigurumawebpack
Was this helpful?