Skip to content
Submitted about 2 years ago

Multi-step Form built with Next.js, TailwindCSS and React-Hook-Form

next, react, tailwind-css, typescript
wuts•880
@waldosmuts
A solution to the Multi-step form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

My solution to the multi-step form challenge.

Using Next.js 13 for routing between steps while maintaining the form with react-hook-form in the layout.

Added TailwindCSS for easy styling.

Probably a little over-engineered but wanted to test some of Next 13's features

Code

Please log in to post a comment

Log in

Community feedback

  • Gerison•40
    @gerkim62

    Great solution. The UI looks almost exact. I think it would be great to have a way for the user to view his/her selection on the last step in a real world application

  • Gelianthus•160
    @Gelianthus

    Looks perfect! I took a look at your code and it's how I imagine a code written by an actual developer would look like.

    Not much to criticize about the front-end side, but if I were to nitpick, it would be the fact that you can still navigate through different steps even after confirming your order. I don't think a real application would let you do that.

    Just wondering how long did it take you to learn NextJS?

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord