Using Zod Form Validation and Server Actions in NextJs with useFormState Hook

[@adomakins]

Thank you for the video! Forms feel so complicated and you broke it down super simply which was awesome

[@CodingAfterThirty]

Thank you. Glad you enjoyed it. 😀

Thank you very much

[@CodingAfterThirty]

Thank you.

[@noobboiii007]

Hey I have question can we deploy Strapi cms in Hostinger VPS server?

[@CodingAfterThirty]

I haven't used Hostinger, but any service that allows you to spin up a VPS would support Strapi deployment.

[@adamovicslobodan3331]

I have an issue when I disable JS in the browser. I call the action, it is handled inside the server function, and when I send data to the Strapi, once I refresh the page ( still JS is disabled ), it again sends the data to the Strapi. How to prevent sending same formData again and again to the Strapi from the server-side?

[@CodingAfterThirty]

I will have to check it out and see. I did not test it with JS disabled. Are you expecting others to disable JS on your project? I am assuming it may have something to do with useFormState.

[@adamovicslobodan3331]

@@CodingAfterThirty This was for my testing purpose...beacuse I saw on some video that the guy tested also server actions while JS i disabled.

[@CodingAfterThirty]

@@adamovicslobodan3331 hey can you link to one of the videos, I am curious if they were using useFormState. I want to explore the topic a bit more.

[@MaximeOnDev]

Hey, nice video! But wouldn’t it be better to have both client-side and server-side validation? Right now, when a field is empty and you submit, we have to wait for the server response to get the error and make a useless POST request. If we also implement the Zod check on the client side, we would get the error immediately without waiting for the server response

[@CodingAfterThirty]

Yeah, you can do that, too. I made a video on client-side validation in the past, but in this video, I wanted to focus on server action and show that you can do validation on the server. But in a real-world project, you can use a combination of both strategies. Although I don't mind just server-side validation.

[@MaximeOnDev]

@@CodingAfterThirtyi love how clean the server action look like. And it broke my heart to switch from action to a onSubmit 😭

[@CodingAfterThirty]

@@MaximeOnDev Lol, I try to avoid any extra useState or useEffects in my projects. I almost want to do every action as a form and use server actions. But for better user UI experience sometimes you have no choice.

[@kennethlau8108]

Can we have a github link for this ? Perhaps an example code that reflects this. Thanks

[@CodingAfterThirty]

Sorry it took me a bit to reply, but here is the repo for the project. github.com/PaulBratslavsky/strapi-5-next-15-store

[@mystupidbrain5299]

First