create-form

What problem does it solve?

Web apps with forms often duplicate validation logic between the client and server, leading to inconsistent errors and extra maintenance.

Core Features & Use Cases

• Unified validation: Shared Zod schemas on client and server to prevent duplication.
• Instant feedback: Client-side validation with React Hook Form for a snappy UX.
• Secure server validation: Server actions validate data against the same schema and surface precise errors to the UI.
• Use Case: Build admin forms, signup flows, or contact forms with consistent validation and error handling.

Quick Start

• Define a Zod schema in app/lib/validations.ts
• Create a server action using validateFormData and zodResolver
• Build a client form with useValidatedForm and register inputs
• Submit the form to trigger server-side validation and read errors