clerk-install-auth

Umiejętność automatyzująca instalację SDK Clerk i konfigurację uwierzytelniania dla Next.js, React lub Express. Obsługuje setup zmiennych środowiskowych, integrację ClerkProvider, middleware i weryfikację autentykacji. Użyj gdy dodajesz Clerk do nowego projektu, konfigurujesz klucze API lub inicjalizujesz uwierzytelnianie. Wymaga Node.js 18+ i konta Clerk z kluczami dostępu z dashboardu.

1. Przygotuj wymagane informacje: masz zainstalowany Node.js 18 lub nowszy, menedżer pakietów (npm, pnpm lub yarn) oraz konto Clerk z dostępem do API Keys w dashboard.clerk.com — potrzebujesz Publishable Key (pk_test_*) i Secret Key (sk_test_*).

2. Wyzwól umiejętność frazą taką jak "install clerk", "setup clerk", "clerk auth", "configure clerk API key" lub "add clerk to project" — system automatycznie zainstaluje odpowiedni pakiet SDK dla Twojego frameworka (Next.js, React SPA, Express lub backend).

3. Skonfiguruj zmienne środowiskowe: umiejętność utworzy plik .env.local z polami NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY i CLERK_SECRET_KEY — wstaw tam swoje klucze z dashboardu Clerk i upewnij się, że .env.local znajduje się w .gitignore.

4. Dodaj ClerkProvider do layoutu aplikacji: dla Next.js App Router umiejętność wstawi ClerkProvider w app/layout.tsx, dla React SPA zawiń aplikację w ClerkProvider w głównym pliku — to umożliwi dostęp do kontekstu autentykacji w całej aplikacji.

5. Zweryfikuj działanie: sprawdź czy komponenty SignedIn, SignedOut i UserButton są dostępne w Twojej aplikacji — system powinien wyświetlić przyciski logowania i profil użytkownika po poprawnej konfiguracji.