clerk-core-workflow-a

Skill do implementacji przepływów autentykacji z Clerk. Otrzymujesz gotowe komponenty do szybkiego wdrożenia, możliwość dostosowania formularzy logowania, integrację OAuth z serwisami społecznościowymi, weryfikację email i telefonu oraz wielopoziomowe uwierzytelnianie. Idealny do budowania interfejsów rejestracji i logowania bez pisania kodu od zera.

1. Upewnij się, że masz zainstalowany i skonfigurowany SDK Clerk (wykonaj najpierw clerk-install-auth).

2. W panelu Clerk Dashboard włącz dostawców OAuth w sekcji User & Authentication > Social Connections, jeśli chcesz logowanie przez sieci społecznościowe.

3. Ustaw zmienne środowiskowe dla ścieżek logowania i rejestracji w pliku konfiguracyjnym projektu.

4. Utwórz stronę logowania, importując komponent SignIn z @clerk/nextjs i umieszczając go w pliku app/sign-in/[[...sign-in]]/page.tsx. Dostosuj wygląd za pomocą obiektu appearance, zmieniając style elementów takich jak rootBox, card czy przyciski społecznościowe.

5. Analogicznie utwórz stronę rejestracji z komponentem SignUp w pliku app/sign-up/[[...sign-up]]/page.tsx, wskazując ścieżkę do strony logowania.

6. Wyzwól skill frazami takimi jak "clerk sign-in", "clerk sign-up", "clerk login flow", "clerk OAuth" lub "clerk social login", aby Claude wygenerował kod dla Twojego projektu.