app-router

Skill wspierający pracę z Next.js App Router — systemem routingu opartym na strukturze katalogów i React Server Components. Pomaga tworzyć nowe trasy, dodawać strony, konfigurować layouty, implementować stany ładowania i granice błędów. Obsługuje dynamiczne trasy, grupy tras, sloty równoległe i konwencje nazewnictwa plików takie jak page.tsx, layout.tsx, loading.tsx, error.tsx oraz catch-all segmenty. Idealny dla deweloperów budujących aplikacje Next.js i potrzebujących wskazówek dotyczących organizacji struktury routingu.

1. Aktywuj skill w swoim środowisku Claude, wskazując na repozytorium davepoon/buildwithclaude w katalogu plugins/nextjs-expert/skills/app-router. 2. Poproś skill o pomoc, używając fraz takich jak "utwórz trasę Next.js", "dodaj stronę", "skonfiguruj layout" lub "zaimplementuj stan ładowania". 3. Skill automatycznie zasugeruje odpowiednią strukturę katalogów i pliki specjalne (page.tsx, layout.tsx, loading.tsx, error.tsx) potrzebne dla Twojego przypadku użycia. 4. Dla tras dynamicznych użyj nawiasów kwadratowych w nazwach katalogów, np. [slug] dla segmentów zmiennych lub [...slug] dla catch-all. 5. Dla tras opcjonalnych zastosuj podwójne nawiasy [[...slug]], a dla grup tras bez wpływu na URL użyj (folder). 6. Skill dostarczy przykłady konwencji plików i wzorców organizacji, które możesz bezpośrednio zastosować w swoim projekcie app/.