next-bundle-optimizer
A skill published in the Next.js repository, and described in the Next.js documentation, for finding and reducing the JavaScript a Next.js app sends to the browser on first load.
スキルの内容
A skill published in the Next.js repository, and described in the Next.js documentation, for finding and reducing the JavaScript a Next.js app sends to the browser on first load. By default it only audits: it captures a snapshot with next analyze, exports the bundle graph as compressed JSON lines, reads it against the installed schema and ranks client-side contributors by size, repetition and risk, including server-only code that may have leaked into the client. When the user asks for fixes, it makes one small change at a time, takes a new snapshot, runs tests, type checks and a behaviour check, and keeps the change only if the numbers improve. It needs Next.js 16.4 or later.
できること
- Capture and export Next.js bundle analyzer snapshots
- Rank client-side code by size and repetition per route
- Flag server-only modules that reached the browser bundle
- Make and measure one bundle fix at a time
インストール
- すべてのクライアントに追加するには、次のコマンドを実行します：
npx skills add vercel/next.js --skill next-bundle-optimizer
含まれるファイル
- references/client-dependencies.md
- references/fix-patterns.md
- references/graph-methods.md
詳細
出典
- スキルファイル（SKILL.md）github.com/vercel/next.js2026年11月10日
- Webページnextjs.org2026年11月15日
- GitHubリポジトリgithub.com/vercel/next.js · 根拠となる項目：公開元, 活動状況, ライセンス2026年11月11日
- GitHub APIのレコードgithub.com/vercel/next.js · 根拠となる項目：スクリプトを含む2026年11月15日
- リポジトリ内のフォルダ（next-bundle-optimizer）github.com/vercel/next.js · 根拠となる項目：スクリプトを含む2026年11月10日