︙

serverComponentsExternalPackages

Server ComponentsやRoute Handlersの中で使われる依存関係は、自動的に Next.js によってバンドルされます。

依存関係が Node.js 固有の機能を使用している場合、特定の依存関係を Server Components バンドルからオプトアウトさせ、ネイティブの Node.js の require を使用することを選択できます。

next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  experimental: {
    serverComponentsExternalPackages: ['@acme/ui'],
  },
}

module.exports = nextConfig

Next.js には、現在互換性に取り組んでおり自動的にオプトアウトされている人気パッケージの短いリストが含まれています：

@aws-sdk/client-s3
@aws-sdk/s3-presigned-post
@blockfrost/blockfrost-js
@highlight-run/node
@libsql/client
@jpg-store/lucid-cardano
@mikro-orm/core
@mikro-orm/knex
@prisma/client
@sentry/nextjs
@sentry/node
@swc/core
argon2
autoprefixer
aws-crt
bcrypt
better-sqlite3
canvas
cpu-features
cypress
eslint
express
firebase-admin
jest
jsdom
libsql
lodash
mdx-bundler
mongodb
mongoose
next-mdx-remote
next-seo
node-pty
node-web-audio-api
payload
pg
playwright
postcss
prettier
prisma
puppeteer
puppeteer-core
rimraf
sharp
shiki
sqlite3
tailwindcss
ts-node
typescript
vscode-oniguruma
webpack
websocket