Validating user input with Zod

In this video we use Zod to validate incoming user data sent to an API route in Next.js.
---------- Course
Want to go deeper with Next.js? Join me in my Next Level Next.js course where over 29 videos and 8 hours of content we'll build a full application from start to finish. We use TypeScript, GraphQL, Prisma, Apollo, Mapbox, Firebase and lots more. courses.leighhalliday.com/nex...
---------- Links
Zod - www.npmjs.com/package/zod
Starter Code - github.com/leighhalliday/next...
Source Code - github.com/leighhalliday/next...
---------- Connect
Join this channel - / @leighhalliday
Join me on Discord - / discord

[@leighhalliday]

Check out my course called Next Level Next.js! A full stack course covering GraphQL, TypeScript, Apollo, Prisma, auth and lots more! next.leighhalliday.com

[@codernerd7076]

It needs updates ☹

[@kissmyussr1993]

Thanks a lot. Never again gonna data manually!

[@VincentFulco]

Outstanding example. I was just starting to dip into Yup this week, and this seems so much easier!

[@leighhalliday]

Thanks so much Vincent!

[@lvgsredarmy8776]

Thanks so much for the video Leigh! Short, sweet, well-explained, and included some use cases that were more than just the most basic code snippets you could find in the docs. Gave me a good idea that this is exactly the tool I'm looking for. Appreciate seeing you walk through your thoughts on it!

[@MaxProgramming]

Just at the time I was building the app! Thank you so much for this one Leigh! I was looking for something like this!!!!

[@leighhalliday]

Nice! Glad it was helpful!

[@CoryTheSimmons]

Cool library. Thanks for sharing, Leigh!

[@leighhalliday]

Thanks Cory!

[@succatash]

I'm just leaving tutorial he'll and you explaining the "why" were doing stuff instead of just the what has been amazing for me. Keep releasing more content

[@alexawunor8853]

Nice and precise. Loved it. Thank you

[@satindersingh9671]

I like the way you approach a problem, very cool

[@leighhalliday]

Thanks Satinder!

[@harshpatel7704]

It was a really awesome and detailed video. Thanks for making such high quality content.

[@leighhalliday]

Thanks Harsh! Glad you enjoyed it

[@vladyslavkarpenko9372]

Great explanation, Leigh🤝 I've already used Yup, so when starting to here about Zod the main question for me is: how the zod differs from Yup and what benefits that provide. Your overview gives me some clarification, thanks for that!

[@TheMazanec]

Nice! Just use the http semantics - the POST request, in its nature, should be for creating resources, thus the endpoint should just be "/api/users/". Also, http response codes have meaning - 200 = OK, no need for the {success: true}.

[@blewis7454]

This is great, thanks, best zod tute!

[@umarchy]

Appreciate the video. On spot. Thanks.

[@namikazedevj46]

Thanks, really helpful

[@sourabhshah9881]

Amazing tutorial

[@devmrin]

Thanks Leigh!

[@leighhalliday]

Glad you enjoyed it!

[@kamertonaudiophileplayer847]

It is a priceless advice, watch this guy.

[@leighhalliday]

Thanks! Appreciate the kind words!

[@mtin79]

Awesome 👍🏻

[@thedevdudeyt]

thank you for share this information

[@leighhalliday]

Glad you enjoyed it!

[@tech3425]

Cool stuff

[@paulbird2772]

Useful tutorial, perfect to get an overview of the what and why of zod. One question what would be the use case for sending confirmEmail to the api.

[@dennisgonzales9521]

thanks!

[@buddy.abc123]

this is awesome just like django-rest-framework serializers

[@leighhalliday]

Cool! I haven’t done much python dev but I really enjoyed Zod

[@ifelseprog]

Wow, I just got into zod too

[@leighhalliday]

It's pretty cool eh?

[@royz_1]

I might just use this instead of joi in my next project!

[@leighhalliday]

As far as I know, Zod works especially well with typescript

[@manoj-k]

🔥🔥🔥

[@leighhalliday]

Thanks Manoj!

[@shrestha0144]

This is just like 'Yup'

[@leighhalliday]

Yea! They mention Yup and Joi on their main readme

[@Fiddel]

Does Zod sanitize input?

[@hayskapoy]

Please do turborepo! Thanksssss

[@leighhalliday]

All in good time my friend

[@radedev]

Thunder client is awesome

[@leighhalliday]

I agree! First time I had used it :)

[@almuslax]

Just heard it. Will give a try.

[@Nurtylek]

What abt joi? Could u compare them?)

[@leighhalliday]

I don’t know Joi but perhaps at some point. If a tool works for me, I don’t care so much about comparing all the options though, I’d rather just build stuff :)

[@jehontanda]

Thanks for this video Leigh. though you havent replied my tweet

[@leighhalliday]

Hey Jeho! Just replied.

[@abdelhameedhamdy]

Is that kind of schema validation !

[@leighhalliday]

Indeed! Or data validation in general

[@sridharkatta3461]

what could be the difference between typescript and zod, I am not sure can we not accomplish the same in typescript ? @leigh Haliday

[@leighhalliday]

Typescript analyses your code, but Zod parses and validates external user data against a defined schema

[@johnpatrickmadrigal477]

@@leighhalliday so, which is better for you?

[@ronniesunshine1163]

@@johnpatrickmadrigal477 well if you want to write all of your own validators from scratch go ahead. Zod just does this for you. For example, trying to write some complex regex to make sure a string is an email. Goodluck have fun. Or dates. Or credit card numbers. Or currencies. Sure you could do it yourself but why?