form-stack

What problem does it solve?

Building forms in product apps is repetitive, error-prone, and hard to keep in sync with the API. This pattern provides a repeatable approach that uses a single Zod schema to drive validation, TypeScript types, and the API contract, reducing boilerplate and drift.

Core Features & Use Cases

• One source of truth: a single Zod schema validates inputs, infers types, and represents the API payload.
• UI wiring with RHF and shadcn/ui: near-zero boilerplate for form fields, error messages, and accessibility.
• End-to-end form lifecycle: supports create/edit flows, multi-step wizards, server actions, or React Query mutations, with robust error handling and loading states.

Quick Start

Set up a single Zod-based schema and wire it to a React Hook Form instance using the provided Form components to build a full-featured, type-safe form.