Form Validation with Zod + Conform

This skill covers robust form validation for Shopify Remix apps using Zod (schema validation) and Conform (form library designed for Remix).

Why Zod + Conform?

• Type-safe: Zod schemas generate TypeScript types automatically
• Server-first: Validation runs on server, with optional client-side
• Progressive enhancement: Works without JavaScript
• Remix-native: Conform is built specifically for Remix's form handling
• Polaris-compatible: Easy integration with Shopify Polaris form components

Installation

npm install zod @conform-to/react @conform-to/zod

1. Basic Schema Definition