mcpField
N
nextjs-v16

nextjs-v16

github.com/bobmatnyc開発78375 回インストール15 週間前に更新
リポジトリ

nextjs-v16 について

Next.js 16の更新されたAPIや規約を扱う開発者向けのリファレンススキルです。非同期リクエストAPI、オプトイン方式のキャッシュ、Turbopackのデフォルト設定と、主な変更点の移行方法を案内します。

主な機能

  1. 01非同期リクエストAPIのガイド
  2. 02`use cache`によるオプトインキャッシュ
  3. 03Turbopackのデフォルト設定
  4. 04middlewareからproxyへの移行
  5. 05キャッシュ再検証のガイド

活用シーン

  1. 01Next.js 16に合わせたコード更新
  2. 02`middleware.ts`から`proxy.ts`への移行
  3. 03リクエストAPIの非同期化
  4. 04キャッシュ再検証呼び出しの更新

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/bobmatnyc/claude-mpm-skills --skill nextjs-v16

インストール後、Claude Code で/nextjs-v16を入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

metadata.json
references/
cache-components.md
migration-checklist.md
turbopack.md

詳細

Next.js 16

  • params/cookies/headers が非同期に。"use cache" によるオプトイン方式のキャッシュ。Turbopack がデフォルトに。

アンチパターン:

  • ❌ 同期リクエスト API。✅ params、cookies()、headers() を await します。
  • ❌ middleware.ts を使い続ける。✅ proxy.ts と export function proxy を使用します。
  • ❌ revalidateTag("posts")。✅ revalidateTag("posts", "max") または { expire: ... } を使用します。

参考資料:references/migration-checklist.md、references/cache-components.md、references/turbopack.md

コメント