Articles by Tag #zod
Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!
Using Zod with TypeScript: A Guide for Frontend Developers
If you're building a frontend application, you're likely working with data. Whether you're fetching...
How to Validate File Inputs in TypeScript with Zod
Form validation is an essential aspect of web development. It plays a crucial role in maintaining an...
Top 5 Validation Libraries for JavaScript in 2024
Choosing the best validation library for your JavaScript project can be confusing given the many...
NextJs image upload with zod validation
Hello everyone 👋 Today I wanted to share one of my recent struggles: uploading files with validation...
Multi-Image Uploader for Next.js | Shadcn/ui
I’ve always had a thing for building small, efficient, and responsive components—especially when it...
Zod vs. Valibot: Which Validation Library is Right for Your TypeScript Project?
In a TypeScript world, solid validateing libraries an are essential to your data-structures adheres...
Using Arktype in Place of Zod - How to Adapt Parsers
Ever since I started using Zod, a TypeScript-first schema declaration and validation library, I've...
Introducing the Zod Schema Designer: A Visual Tool for Creating and Editing Zod Schemas
If you’re a developer using Zod for schema validation in your Next.js or React projects, I have...
Why React Hook Form and Zod are Essential to Build Contact Form
Creating a robust and user-friendly contact form is a vital part of any web application. A poorly...
Building a Type-Safe Form in NextJs with Zod
Forms are a crucial part of any web application, and building them in a type-safe manner ensures...
Implement ShadCn form with Validation
Our Goal or Funda is very simple. Follow 4 steps implement a super duper form with validation with...
Easily Sync Your Subtitles with React, RHF and shadcn/ui
Introduction As a big fan of movies and TV shows, I often run into subtitle syncing issues...
Gerando Documentação de API Automática com Fastify, @fastify/swagger e Zod
Olá, devs! Neste post, vamos aprender como gerar documentação automática para uma API em uma...
ReScript Schema V9 - Zod-like library to the next level 🚀
The article is an overview of changes introduced in the recently released version 9. After more than...
Data Validation in Your Backend: A Practical Guide
Data validation is one of the most crucial steps in building a robust backend system ensuring data...
zod i18n internationalization
background using zod for validation, and need to internationalize the application. ...
Zod and the Joy of Single Sources of Truth
If you love Typescript and haven't been living under a rock for the past 2 years, you've likely heard...
Use Server Side Forms in NextJS
I utilized Server Actions, React Server Components (RSC), and Next’s App Router while exploring Forms...
Making a REST API typesafe with React Query and Zod
Using React Query alongside TypeScript and Zod, we can achieve a type-safe, efficient data fetching process in React that ensures consistency
Using Zod's z.union: An Important Pitfall to Avoid
When using the schema z.union([z.object({}), anotherSchema.partial()]);, Zod checks if the object...
Form Validation In TypeScipt Projects Using Zod and React Hook Form
Introduction Form validation is an important aspect of software development. This is...
Shared form with config files in NextJs
Building a shared form for React with zod, react-hook-form and shadcn ui library.
![Zod Validation in [React + Typescript]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv5v9yxmugh95ags07wl6.png)
Zod Validation in [React + Typescript]
Zod Zod is a TypeScript-first schema declaration and validation library. It allows you to...
Building a Robust API Layer - Implementation with `api-def` Package
Continuing our series, let's delve into the practical implementation using the api-def...
Setting Dynamic Default Values with Zod Schema
Introduction Zod provides a powerful way to define schemas for validating and transforming...
Zod v4: 17x Slower? (and Why You Should Care) 🚦
A surprising finding about Zod v4’s performance, what it means for you, and how to avoid the pitfalls.
Form - Next15/React19/ReactHookForm + Zod + useActionState
Respuesta Directa Puntos clave: Parece probable que la mejor combinación para manejar...
Making Eleventy Data Traceable with TSX and Zod
Eleventy is a fast and versatile static site generator (SSG). Out of the box, it is most likely to...
Zod for TypeScript Schema Validation: A Comprehensive Guide
I have really enjoyed using TypeScript in all my node projects, and I like enforcing static type...
Validate your environment variables with Zod
Zod is the most famous validation library in the TypeScript ecosystem. With Zod, you create a schema...