nextjs-pathname-id-fetch
✓Fokussiertes Muster zum Abrufen von Daten mithilfe von URL-Parametern in Next.js. Behandelt das Erstellen dynamischer Routen ([id], [slug]) und den Zugriff auf Routenparameter in Serverkomponenten, um Daten von APIs abzurufen. Wird beim Erstellen von Seiten verwendet, die einzelne Elemente (Produktseiten, Blogbeiträge, Benutzerprofile) basierend auf einem URL-Parameter anzeigen. Ergänzt nextjs-dynamic-routes-params durch ein vereinfachtes Common-Case-Muster.
Installation
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).
Fokussiertes Muster zum Abrufen von Daten mithilfe von URL-Parametern in Next.js. Behandelt das Erstellen dynamischer Routen ([id], [slug]) und den Zugriff auf Routenparameter in Serverkomponenten, um Daten von APIs abzurufen. Wird beim Erstellen von Seiten verwendet, die einzelne Elemente (Produktseiten, Blogbeiträge, Benutzerprofile) basierend auf einem URL-Parameter anzeigen. Ergänzt nextjs-dynamic-routes-params durch ein vereinfachtes Common-Case-Muster. Quelle: wsimmonds/claude-nextjs-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-pathname-id-fetch- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist nextjs-pathname-id-fetch?
Fokussiertes Muster zum Abrufen von Daten mithilfe von URL-Parametern in Next.js. Behandelt das Erstellen dynamischer Routen ([id], [slug]) und den Zugriff auf Routenparameter in Serverkomponenten, um Daten von APIs abzurufen. Wird beim Erstellen von Seiten verwendet, die einzelne Elemente (Produktseiten, Blogbeiträge, Benutzerprofile) basierend auf einem URL-Parameter anzeigen. Ergänzt nextjs-dynamic-routes-params durch ein vereinfachtes Common-Case-Muster. Quelle: wsimmonds/claude-nextjs-skills.
Wie installiere ich nextjs-pathname-id-fetch?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-pathname-id-fetch Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/wsimmonds/claude-nextjs-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01