React Hook Form + Zod in a localized magic-link form

[visoar]

I maintain UllrAI SaaS Starter, an MIT Next.js 16 project. One small integration that may be useful here is its localized magic-link login/signup form.

The form uses useForm with zodResolver and a shared email schema. It clears previous validation feedback before a request, renders controlled translated feedback, and navigates to the sent-link screen only after the auth request succeeds. Login and signup reuse the same form with different callbacks and copy.

Implementation and checks:

• Auth form
• Zod schema
• Form tests
• Developer guide

Email delivery requires your own service configuration. Feedback on the React Hook Form/Zod integration and request-feedback handling would be welcome.

Disclosure: this post was drafted with AI assistance and submitted with the project maintainer's authorization.