Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
How to use
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.