Multi-step form with create T3 app, react-hook-from

You would think a form is not that hard, turns out, it is pretty hard. Among all the regular challenge stuff, like layouts for both mobile and desktop, this one also challenge me to consider the flow of the form, everything is linked.

Since this is a form, I thought I would took this chance to learn react-hook-form, to mimic a real form on a production application. So large part is focused on using react-hook-form with zod to validation user input, and also it's a typescript project, so type everything is also not an easy task.

All and all I learned a lot through this project, Using Nextjs and deploying certainly make the process easier, but also dig pretty deep into how to optimize font and image and other things, in conjunction with tailwind is a very nice combo.