FormKit and Zod

In this bonus lesson, we take a look at the FormKit Zod plugin.

Zod is a popular schema validation library, that works great with TypeScript. The plugin enables us to define all of a FormKit form’s validation rules with Zod.

The major advantage of using Zod over the built-in validation rules, is the ability to define the rules in one place and then re-use them on both front and backend.

Links

• FormKit Zod Plugin Docs
• Zod Documentation
• Code in Stackblitz - Start
• Code in Stackblitz - End
• Code in Stackblitz - Invalid Payload Demo