nextjs-v16 について
Next.js 16の更新されたAPIや規約を扱う開発者向けのリファレンススキルです。非同期リクエストAPI、オプトイン方式のキャッシュ、Turbopackのデフォルト設定と、主な変更点の移行方法を案内します。
主な機能
- 01非同期リクエストAPIのガイド
- 02`use cache`によるオプトインキャッシュ
- 03Turbopackのデフォルト設定
- 04middlewareからproxyへの移行
- 05キャッシュ再検証のガイド
活用シーン
- 01Next.js 16に合わせたコード更新
- 02`middleware.ts`から`proxy.ts`への移行
- 03リクエストAPIの非同期化
- 04キャッシュ再検証呼び出しの更新
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ bobmatnyc/ claude-mpm-skills --skill nextjs-v16インストール後、Claude Code で/nextjs-v16を入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
metadata.jsonreferences/cache-components.mdmigration-checklist.mdturbopack.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
コメント
Markdown 対応