Blocks / Auth

Auth: Login

Email/password and OAuth login, and the restore screen an account scheduled for deletion lands on after signing in.

$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, and the restore screen an account scheduled for deletion lands on after signing in. 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 · @intelligo-dev/next · react-hook-form · @hookform/resolvers · zod · lucide-react · next-intl

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

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