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).

Patrón enfocado para recuperar datos usando parámetros de URL en Next.js. Cubre la creación de rutas dinámicas ([id], [slug]) y el acceso a parámetros de ruta en componentes del servidor para recuperar datos de las API. Utilícelo al crear páginas que muestren elementos individuales (páginas de productos, publicaciones de blog, perfiles de usuario) en función de un parámetro de URL. Complementa nextjs-dynamic-routes-params con un patrón de caso común simplificado. Fuente: wsimmonds/claude-nextjs-skills.

Ver original