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

Рет қаралды 19,310

11 ай бұрын

👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).
👉 Add authentication to your app FAST: bit.ly/3QOe1Bh
👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
👉 Professional JavaScript Course: bytegrad.com/courses/professi...
👉 Professional CSS Course: bytegrad.com/courses/professi...
👉 Discord: all my courses have a private Discord where I actively participate
🔔 Email newsletter (BIG update soon): email.bytegrad.com
⏱️ Timestamps:
0:00 Solution
#webdevelopment #programming #coding

Пікірлер: 23

@snivels 10 ай бұрын

Exceptionally well explained. Great video!

@hamzamellahi120 8 ай бұрын

love your videos, please make more!

@meka4996 9 ай бұрын

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

@mukulsinghbisht2434 2 ай бұрын

React hook form has its own advantages

@codiwebcat 6 ай бұрын

Fantastic video and all your content!

@psyferinc.3573 8 ай бұрын

thanks looking for a zod tutorial now

@MuhamadAzizPrasetyo 3 күн бұрын

Thank you ☺☺

@BuryneJoel 10 ай бұрын

Thank you sir

@ajlmusic 5 ай бұрын

Excellent!

@writterpanditsid5048 4 ай бұрын

Thanks

@wingy3181 8 ай бұрын

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....

@lrnngman2942 8 ай бұрын

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

@user-xp6gm2bz8w 14 күн бұрын

Try my library too, multiform-validator

@jeromealtariba7339 5 ай бұрын

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.

@eSeMGie Ай бұрын

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.

@WebDevNiko Ай бұрын

client side validation is used to give normal user feedback if validation fails but you want also server side validation before pushing the data to database etc since client side isnt to be trusted as its easyer to modify and pass the validation if you would want to do that

@eSeMGie Ай бұрын

@@WebDevNiko Big thanks for clarification!

@eSeMGie Ай бұрын

@@WebDevNiko I wonder, why we can't just make a validation on the server side, and then if validation failed return all error messages to client and give the user feedback?

@WebDevNiko Ай бұрын

@@eSeMGie you could do that but having extra validation on client side prevents sending unnecessary requests to server side, eg every time user forget to type last name you wont send request to server. Basically its just more efficent to have validation both on client and server side especially with zod since u can reuse the schema easyly so its effortless

@swdotdev 3 ай бұрын

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

@user-xq2pi3bu4y 8 ай бұрын

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

@celsopires1999 8 ай бұрын

you can reduce the video speed if it too fast for you

@sskular 7 ай бұрын

I actually love how snappy it is, to the point You can reduce speed and I sometimes rewind and/or pause when I feel I need a better look at a particular part of the video