clerk-core-workflow-a
Implement user sign-up and sign-in flows with Clerk.\nUse when building authentication UI, customizing sign-in experience,\nor implementing OAuth social login.\nTrigger with phrases like \
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Implement user sign-up and sign-in flows with Clerk.\nUse when building authentication UI, customizing sign-in experience,\nor implementing OAuth social login.\nTrigger with phrases like \
How to use
Upewnij się, że masz zainstalowany i skonfigurowany SDK Clerk (wykonaj najpierw
clerk-install-auth).W panelu Clerk Dashboard włącz dostawców OAuth w sekcji User & Authentication > Social Connections, jeśli chcesz logowanie przez sieci społecznościowe.
Ustaw zmienne środowiskowe dla ścieżek logowania i rejestracji w pliku konfiguracyjnym projektu.
Utwórz stronę logowania, importując komponent
SignInz@clerk/nextjsi umieszczając go w plikuapp/sign-in/[[...sign-in]]/page.tsx. Dostosuj wygląd za pomocą obiektuappearance, zmieniając style elementów takich jakrootBox,cardczy przyciski społecznościowe.Analogicznie utwórz stronę rejestracji z komponentem
SignUpw plikuapp/sign-up/[[...sign-up]]/page.tsx, wskazując ścieżkę do strony logowania.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.