From the course: Next.js Ecommerce: Build a Shopping Platform from Scratch

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Payment method form and update

Payment method form and update - Next.js Tutorial

From the course: Next.js Ecommerce: Build a Shopping Platform from Scratch

Start my 1-month free trial Buy for my team

Payment method form and update

“

All right, guys, so now we want to add the actual form fields. Well, actually, there's one field called type for the payment method, but we need to set that up with React hook form and ShadCN components. Now, one thing I realize, this isn't a big deal at all, but I have the checkout steps on the payment method form while I have the payment steps on the shipping address page. And I just, I don't know, to me, I just would like this to be more consistent. And so why don't we move it from the form to the page just because that's how the shipping is and like I said, I just want to be consistent. So I'm going to take the checkout steps and for now I'll just put form again and then bring that to, we'll go to the payment method page and import the steps. So let's say import and what is it called? Checkout steps. And then I'm going to just add it here above the form just like we did with the shipping. And then we can get rid of the import here and the form component and we should still see the…

Contents