Blocks / Auth

Auth: Password Reset

Forgot-password and reset-password pages, backed by the Better-Auth client SDK's requestPasswordReset/resetPassword actions.

$pnpm exec shadcn add @intelligo/auth-password-reset

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

Loading preview…
about this block

Forgot-password and reset-password pages, backed by the Better-Auth client SDK's requestPasswordReset/resetPassword actions. Requires the auth-login item (provides the shared AuthCard shell and lib/auth-validation.ts schemas); install it first.

yours to edit

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

messages/en/auth-password-reset.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 · lucide-react · next-intl

what shadcn add writes · 5 files
Routes
  • app/[locale]/(auth)/forgot-password/page.tsx
  • app/[locale]/(auth)/reset-password/page.tsx
Components
  • components/auth/forgot-password-form.tsx
  • components/auth/reset-password-form.tsx
Actions, config and messages
  • messages/en/auth-password-reset.json

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