next-best-practices
Zasady i wzorce Next.js dla czystego kodu i poprawnej architektury
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill weryfikujący Twój kod Next.js pod kątem najlepszych praktyk. Sprawdza konwencje plików, granice React Server Components, async API, obsługę błędów, route handlery i optymalizację zasobów. Pomaga uniknąć typowych błędów w architekturze aplikacji, od struktury projektu po migrację do Next.js 15+ z nowymi async API dla params, searchParams, cookies i headers.
Jak używać
Zainstaluj skill next-best-practices w swoim środowisku agenta (np. poprzez dodanie do konfiguracji MCP server lub integracji z systemem zarządzania skillami).
Gdy piszesz lub recenzujesz kod Next.js, uruchom skill jako asystenta weryfikacji. Skill automatycznie analizuje strukturę projektu, nazewnictwo plików i konwencje katalogów zgodnie z wytycznymi Next.js.
Skill sprawdza granice React Server Components — wykrywa nieprawidłowe async client components, nieszerializowalne props i błędy w Server Actions.
Jeśli używasz Next.js 15+, skill weryfikuje async API: params, searchParams, cookies() i headers() — wskazuje wymagane migracje i dostarcza wskazówki do codemod.
Skill analizuje obsługę błędów: poprawne użycie error.tsx, global-error.tsx, not-found.tsx oraz funkcji redirect, permanentRedirect i notFound.
Przejrzyj rekomendacje dotyczące data patterns (Server Components vs Server Actions vs Route Handlers), optymalizacji obrazów i czcionek, bundlingu oraz wyboru runtime (Node.js vs Edge) — skill wskazuje potencjalne waterfalle danych i sugeruje Promise.all lub Suspense.