Toolverse
All skills

clerk-core-workflow-a

by jeremylongshore

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

Quick info

Category
Security

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

  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.

Related skills