clerk-custom-auth-ui-nextjs
Installation
SKILL.md
Sign-In-Or-Up with Intercepting Route Modals
One <SignIn withSignUp /> component handles both sign-in and sign-up. No dedicated sign-up page required.
References
| Reference | What it covers |
|---|---|
references/sign-in-or-up-flow.md |
CRITICAL - withSignUp prop, SignInCard component, env vars |
references/auth-modal.md |
HIGH - Intercepting route modal pattern, parallel routes, fallback page |
Mental Model
User clicks "Sign In" link
├── Soft navigation → intercepting route → modal overlay
└── Hard navigation (direct URL) → dedicated (auth) page