nextjs-dynamic-routes-params

12

Guide for Next.js App Router dynamic routes and pathname parameters. Use when building pages that depend on URL segments (IDs, slugs, nested paths), accessing the `params` prop, or fetching resources by identifier. Helps avoid over-nesting by defaulting to the simplest route structure (e.g., `app/[id]` instead of `app/products/[id]` unless the URL calls for it).

Also in: javascript

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install mcclowes/knights-and-crosses/nextjs-dynamic-routes-params
skilz install mcclowes/knights-and-crosses/nextjs-dynamic-routes-params --agent opencode
skilz install mcclowes/knights-and-crosses/nextjs-dynamic-routes-params --agent codex
skilz install mcclowes/knights-and-crosses/nextjs-dynamic-routes-params --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/mcclowes/knights-and-crosses
2. Copy the agent skill directory:
cp -r knights-and-crosses/.claude/skills/nextjs-dynamic-routes-params ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Type
Technical
Meta-Domain
productivity
Primary Domain
pdf
Market Score
12

Report Security Issue

Found a security vulnerability in this agent skill?