NNAS VS zod

All the code in this chapter is available on github (branch: changeusername).

I uploaded all of my code to github per chapter via branches so you can follow along there too.

We need to do some installing and configuring before we can start. The endpoint of the setup code can be seen on github (branch setup).

This is the second part on the basic configuration of NextAuth with GoogleProvider. The finished code for this chapter is available on github (branch: basicgoogleprovider).

Done! Take a look at the finished component on github.

is a server component. It just contains some html and tailwind, you can see it on github. Inside we will import and render our component where all the action happens. Strapi requires 3 input fields for signing up a frontend user: username, email and password. So, we will have a form with these 3 fields and a button. This will be our starting point.

Updated link

You can see the final version of the editUsernameAction, component and the jwt callback on github.

The code in this chapter is available on github (branch changepassword).

Aside from updating Remix (from 1.7 to 2.9) and switching from Zod to ArkType, I’ve introduced a makeTypedEnvironment helper to streamline handling environment variables in both server and client environments. Additionally, I’ve optimized the codebase by removing the typedPick method and refining imports to ensure server code doesn’t leak into the client bundle.

React hook form Zod @hookform/resolvers

For the language models, Genkit provides the concept of Flows. A flow basically combines a prompt with a set of "tools" or actions that the llm can take. Like other frameworks in this space ZOD is used to provide schema information for both the input and output of flows and actions.

Ever since I started using Zod, a TypeScript-first schema declaration and validation library, I've been a big fan and started using it in all my projects. Zod allows you to ensure the safety of your data at runtime, extending TypeScript’s type-checking capabilities beyond compile-time. Whenever I need to validate data from an outside source, such as an API, FormData, or URL, Zod has been my go-to tool.

Zod TypeScript-first schema validation with static type inference

Zod

To define the action's inputs and outputs we will need the zod library. Zod is an npm package and ValTown lets us import it directly into our Vals:

There's libraries can do runtime checks for javascript, one of the most popular libraries do this is zod you can give it a try.

Zod is a validation library which will easily produce TypeScript typings for defined schemas.

What if you use a schema library, like Zod or Valibot? The schema has been built on value-level, and you cannot assign the variant to its property inside the declaration.