Form Validation

React Hook Form + Zod + reusable Field components

Complete form solution: typed Field, TextareaField (with char counter), SelectField, and CheckboxField components; 6 common Zod schemas (email, password, phone, URL, GitHub username, positive int); pre-built Register, Contact, and ChangePassword forms; multi-step form hook; and a server-side validateBody() helper for API routes.

1<Field form={form} name="email" label="Email" type="email" required />
2<TextareaField form={form} name="bio" label="Bio" maxLength={280} showCount />
3<SelectField form={form} name="role" label="Role" options={roleOptions} />
4<CheckboxField form={form} name="terms" label="I agree to the terms" />