Back to skills
SkillHub ClubAnalyze Data & AIFull StackFrontendBackend

nextjs-pathname-id-fetch

Focused pattern for fetching data using URL parameters in Next.js. Covers creating dynamic routes ([id], [slug]) and accessing route parameters in server components to fetch data from APIs. Use when building pages that display individual items (product pages, blog posts, user profiles) based on a URL parameter. Complements nextjs-dynamic-routes-params with a simplified, common-case pattern.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
79
Hot score
93
Updated
March 20, 2026
Overall rating
C2.5
Composite score
2.5
Best-practice grade
A92.0

Install command

npx @skill-hub/cli install wsimmonds-claude-nextjs-skills-nextjs-pathname-id-fetch

Repository

wsimmonds/claude-nextjs-skills

Skill path: nextjs-pathname-id-fetch

Focused pattern for fetching data using URL parameters in Next.js. Covers creating dynamic routes ([id], [slug]) and accessing route parameters in server components to fetch data from APIs. Use when building pages that display individual items (product pages, blog posts, user profiles) based on a URL parameter. Complements nextjs-dynamic-routes-params with a simplified, common-case pattern.

Open repository

Best for

Primary workflow: Analyze Data & AI.

Technical facets: Full Stack, Frontend, Backend, Data / AI.

Target audience: Development teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: wsimmonds.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install nextjs-pathname-id-fetch into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/wsimmonds/claude-nextjs-skills before adding nextjs-pathname-id-fetch to shared team environments
  • Use nextjs-pathname-id-fetch for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.