nextjs-dynamic-routes-params
✓Next.js App Router の動的ルートとパス名パラメーターのガイド。 URL セグメント (ID、スラッグ、ネストされたパス) に依存するページを構築する場合、「params」プロパティにアクセスする場合、または識別子によってリソースを取得する場合に使用します。デフォルトで最も単純なルート構造 (例: URL で要求されない限り、`app/products/[id]` ではなく `app/[id]`) を使用することで、過剰なネストを回避できます。
SKILL.md
Look for requirements that tie data to the URL path.
Create a dynamic segment ([param]) whenever the UI depends on part of the pathname. Typical signals include:
Core rule: If data varies with a URL segment, the folder name needs matching brackets.
Next.js App Router の動的ルートとパス名パラメーターのガイド。 URL セグメント (ID、スラッグ、ネストされたパス) に依存するページを構築する場合、「params」プロパティにアクセスする場合、または識別子によってリソースを取得する場合に使用します。デフォルトで最も単純なルート構造 (例: URL で要求されない限り、`app/products/[id]` ではなく `app/[id]`) を使用することで、過剰なネストを回避できます。 ソース: wsimmonds/claude-nextjs-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-dynamic-routes-params- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
nextjs-dynamic-routes-params とは？
Next.js App Router の動的ルートとパス名パラメーターのガイド。 URL セグメント (ID、スラッグ、ネストされたパス) に依存するページを構築する場合、「params」プロパティにアクセスする場合、または識別子によってリソースを取得する場合に使用します。デフォルトで最も単純なルート構造 (例: URL で要求されない限り、`app/products/[id]` ではなく `app/[id]`) を使用することで、過剰なネストを回避できます。 ソース: wsimmonds/claude-nextjs-skills。
nextjs-dynamic-routes-params のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-dynamic-routes-params インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/wsimmonds/claude-nextjs-skills