clerk-install-auth
Install and configure Clerk SDK/CLI authentication.\nUse when setting up a new Clerk integration, configuring API keys,\nor initializing Clerk in your project.\nTrigger with phrases like \
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Install and configure Clerk SDK/CLI authentication.\nUse when setting up a new Clerk integration, configuring API keys,\nor initializing Clerk in your project.\nTrigger with phrases like \
How to use
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_*).
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).
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.
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.
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.