nextjs-pathname-id-fetch

SKILL.md

Use this pattern whenever a page needs to load data based on whatever identifier appears in the URL. Common scenarios include:

If the requirement says the data should change depending on the current URL path, the route segment must be dynamic (e.g., [id], [slug], [...slug]).

Unless requirements explicitly call for /products/[id], keep the structure at the top level (app/[id]/page.tsx).

Modèle ciblé pour récupérer des données à l'aide des paramètres d'URL dans Next.js. Couvre la création de routes dynamiques ([id], [slug]) et l'accès aux paramètres de route dans les composants du serveur pour récupérer les données des API. À utiliser lors de la création de pages affichant des éléments individuels (pages de produits, articles de blog, profils utilisateur) en fonction d'un paramètre d'URL. Complète nextjs-dynamic-routes-params avec un modèle simplifié et courant. Source : wsimmonds/claude-nextjs-skills.

Voir l'original