nextjs-advanced-routing
ルート ハンドラー、並列ルート、インターセプト ルート、サーバー アクション、エラー境界、ドラフト モード、サスペンスを使用したストリーミングなど、高度な Next.js アプリ ルーター パターンのガイド。サーバー アクション (action.ts、actions.ts ファイル、「サーバーを使用」ディレクティブ)、クライアント コンポーネントからの Cookie の設定、およびフォーム処理については重要です。要件にサーバー アクション、フォーム送信、Cookie、変更、API ルート、「route.ts」、並列ルート、インターセプト ルート、またはストリーミングが含まれる場合に使用します。サーバーのアクションをクライアントのコンポーネントから分離するために不可欠です。
SKILL.md
Provide comprehensive guidance for advanced Next.js App Router features including Route Handlers (API routes), Parallel Routes, Intercepting Routes, Server Actions, error handling, draft mode, and streaming with Suspense.
CRITICAL RULE: This codebase has @typescript-eslint/no-explicit-any enabled. Using any will cause build failures.
When work requirements mention a specific filename, follow that instruction exactly. If no name is given, pick the option that best matches the project conventions—app/actions.ts is a safe default for collections of actions, while app/action.ts works for a single form handler.
ルート ハンドラー、並列ルート、インターセプト ルート、サーバー アクション、エラー境界、ドラフト モード、サスペンスを使用したストリーミングなど、高度な Next.js アプリ ルーター パターンのガイド。サーバー アクション (action.ts、actions.ts ファイル、「サーバーを使用」ディレクティブ)、クライアント コンポーネントからの Cookie の設定、およびフォーム処理については重要です。要件にサーバー アクション、フォーム送信、Cookie、変更、API ルート、「route.ts」、並列ルート、インターセプト ルート、またはストリーミングが含まれる場合に使用します。サーバーのアクションをクライアントのコンポーネントから分離するために不可欠です。 ソース: wsimmonds/claude-nextjs-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-advanced-routing- カテゴリ
- </>開発ツール
- 認証済み
- —
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
nextjs-advanced-routing とは?
ルート ハンドラー、並列ルート、インターセプト ルート、サーバー アクション、エラー境界、ドラフト モード、サスペンスを使用したストリーミングなど、高度な Next.js アプリ ルーター パターンのガイド。サーバー アクション (action.ts、actions.ts ファイル、「サーバーを使用」ディレクティブ)、クライアント コンポーネントからの Cookie の設定、およびフォーム処理については重要です。要件にサーバー アクション、フォーム送信、Cookie、変更、API ルート、「route.ts」、並列ルート、インターセプト ルート、またはストリーミングが含まれる場合に使用します。サーバーのアクションをクライアントのコンポーネントから分離するために不可欠です。 ソース: wsimmonds/claude-nextjs-skills。
nextjs-advanced-routing のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-advanced-routing インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/wsimmonds/claude-nextjs-skills