Published On Oct 28, 2023
This video will look at building a multistep form in NextJs (React) using react-hook-form for form state, ZOD for schema validation, and framer motion for animation between steps.
👉🏼 The Ultimate NextJs Course
🔗 https://www.hamedbahram.io/courses/ne...
👉🏼 Project source code (GitHub)
🔗 https://github.com/HamedBahram/next-m...
👉🏼 Work with me
🔗 https://www.hamedbahram.io/hire
Chapters
0:00 Intro
0:44 Project setup
1:40 Add the form shell
6:30 Add react-hook-form
10:00 Add form validation
15:30 Add animation
20:10 Recap
show more