Next JS Form Validation Using Server Actions

Learn how to validate forms in Next JS using server actions in this tutorial. This video will walk you through the process of setting up form validation in your Next JS applications.
We will look into the some advance react-dom hooks like useFormState and useFormStatus.
Source Code: github.com/ndpniraj/auth-test
My Courses on Udemy:
Full Stack React Native Project: rb.gy/c50y30
React Native Portfolio Project: rb.gy/zoozgn
Next JS Full Stack Blog: rb.gy/3b80nd
Next JS Ecom Master class: rb.gy/jgz92p
React Native FFMPEG: rb.gy/jgwdkg
Full Stack React Native Resale App: rb.gy/auxwsy
Build Movie Review App: rb.gy/pqykjd
or Visit: www.fsniraj.dev/learn

[@fsniraj]

Here is the little update from react: last time when I checked react the useFormState hook is changed to useActionState react.dev/reference/react/useActionState

[@hulk2193]

I usually won't comment to videos, but this video made my life easier, thanks a lot, i was struggling with sending additional parameter to server action, thanks a lot, keep going 🎉🎉

[@LarryOklahoma]

this is a great video thank you, 1 thing I am confused about is what if you want to handle the errors on the frontend first see if the user inputs are correct then send it to the backend and revalidate it over there, like that the user doesn't need to wait till the server responds to get the authentication info errors the frontend will validate it for you how can we implement that with server actions.

[@fsniraj]

The thing you are asking about is possible with the traditional React way. You can use useState to store your user info update them with onChange and then use onSubmit instead of action for that you have to create api endpoint where you can submit the form. I don't thing the server action works with this implimentation.

[@nanami49684]

I am interested in your full-stack React Native advanced & practical projects course on Udemy. I don't know how to contact you so I write it here. I want to ask whether that course is clean code. Because I am looking for the proper one. I did some projects but it doesn't organized well, and the code was messed up. Thanks

[@fsniraj]

I don't know how can I answer this question but here is the github link of the final project github.com/ndpniraj/resale-expo that we will build inside this course. You can go through the different branches and view my style of writting of code. Hope you will find the answer.

[@HelpLord-xb1go]

I am reaching out to discuss an exciting business proposition regarding your Udemy course. Our aim is to enhance the visibility of your course, increase sales, expand your student audience, and cultivate positive reviews.
I am eager to explore potential collaboration opportunities with you to achieve these objectives.
Looking forward to the possibility of working together.