Blocks / Auth

Auth: Login

Email/password and OAuth login.

$pnpm exec shadcn add @intelligo/auth-login

Run it inside an app made by intelligo create. Anywhere else, name the registry and install the base first.

Loading preview…
about this block

Email/password and OAuth login. Ships the shared auth route layout, the de-branded AuthCard shell, and the auth-validation.ts zod schemas reused by auth-signup, auth-password-reset, and auth-email-verification - install this item first.

yours to edit

No config seam of its own — it follows the app shell and the messages file.

messages/en/auth-login.json

Everything else is used verbatim; a deployment varies through these files and translations.How seams work →

requires
built from

alert, button, input, spinner, field

npm packages it adds

@intelligo-dev/auth · react-hook-form@^7.71.1 · @hookform/resolvers@^5.2.2 · zod@^4.6.5 · lucide-react · next-intl

what shadcn add writes · 8 files
Routes
  • app/[locale]/(auth)/layout.tsx
  • app/[locale]/(auth)/login/page.tsx
  • app/[locale]/(auth)/error.tsx
Components
  • components/auth/auth-card.tsx
  • components/auth/login-form.tsx
  • components/auth/social-login-buttons.tsx
Actions, config and messages
  • lib/auth-validation.ts
  • messages/en/auth-login.json

Ready to try it? Three commands and the app runs against a stub model.