3 posts
Define your validation rules once with Zod, then reuse the exact same schema in your react-hook-form resolver and your serverless API handler. No drift, no duplicated rules.
Wire up react-hook-form with a Zod resolver, then make it accessible with aria-invalid, aria-describedby, and an aria-live region — plus a simple status state machine for submit feedback.
A honeypot is a hidden form field humans never see and bots always fill. Here's how I added one to my contact form — the hidden input on the client and the silent 200 on the server.