Validate Data With Zod in Server Actions Next.js (Client-Side + Server-Side)

Показать описание

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).

👉 Discord: all my courses have a private Discord where I actively participate

⏱️ Timestamps:
0:00 Solution

#webdevelopment #programming #coding

Рекомендации по теме

Комментарии

Exceptionally well explained. Great video!

snivels

This is so amazing!!! This is much easier than React Hook Form + Zod! Thanks

meka

very clean explanation, thank you somuch

aymenbachiri-yhhd

thanks
looking for a zod tutorial now

psyferinc.

Question: do you think the revalidation of the mutated data should be decoupled from the server action? that is, i notice that revalidatePath("/todos") is inside the server action....which means it couples the path to the server action....

wingy

Hi, this is a nice video, however, when using actions (on not the onSubmit prop of the form), the client side validation is not triggerring at all. Only the server side validation is displayed.

jeromealtariba

Can I use React hook form with Zod?
or should using only 1way?

lrnngman

Try my library too, multiform-validator

GabrielLogan

Great wideo! That's exactly what I was looking for. I have a question though. Why do we need validation on the client and server side? It seems to be redundant. Is any possible way to pass validation one the client side and fail validation one the server side? We actually passed already validated data to the server.

eSeMGie

Well the only problem with zod is that it makes large scale apps significantly slower. Other than that, yea it is great for sure.

swdotdev

you got great videos, but it is so hard to follow you as you speak too fast. thx

xqpibuy

Validate Data With Zod in Server Actions Next.js (Client-Side + Server-Side)

Validate Data With Zod in Server Actions Next.js (Client-Side + Server-Side)

Learn Zod In 30 Minutes

Zod Makes TypeScript Even Better

How to validate your React.js form values using Zod

Form Validation With Zod in Next.js – Part 4.3 Epic Next.js Tutorial for Beginners

✅ Simple React form validation with Zod

React Hook Form with ZOD Tutorial - React and Typescript Form Validation Tutorial

Zod Form Validation Is The Best Vue Form Validator (and React) Out There

Effortless Data Validation in Node.js with Zod & Prisma ORM | Mastering Form Validation

Zod Validation Typescript - Validate Your Code in Runtime

Forms with validation (Next.js + Zod + react-hook-form)

Zod Tutorial - All 10 places for Zod in your React / Next.js app

Mastering ZOD for validation in Nextjs

Zod's Object Parsing: A Game Changer for TypeScript

React Hook Form - Complete Tutorial (with Zod)

Typescript & Zod tutorial with React-Hook-Form

If you use TypeScript on the backend AND frontend, use zod for validation

Stop Using Zod!! This is 10x Smaller!

Validate Input with Zod & #TypeScript

Check out Zod 3.20 - Data Validation for TypeScript

How to Validate Forms With React Hook Form, TypeScript and Zod

Remix Form Validation with Zod

TypeSafe JavaScript Data Validation (ZOD) // 4 minute tip

Zod Goes Where TypeScript Can't