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.
Place order page - Next.js Tutorial
From the course: Next.js Ecommerce: Build a Shopping Platform from Scratch
Place order page
OK, so now we're going to start on this Place Order page. And what this is is it's going to be a summary of the items in our cart. So we have to get those. It's going to show the address of the user. It's going to show the payment method. And it'll show the totals, the shipping, the tax, the total price, stuff like that. And then there'll be a button to place the order. Once that order is placed, it'll take us to that particular order page. And that's where the PayPal button and any other payment buttons will be. So let's just get the card items displayed and stuff like that. And there's quite a bit, so it might take more than one video. But let's jump into it. So in the app root, we want to create a new folder here. And we're going to call this Place Order. And in place order, we're going to have our page.tsx. And let's call this place order page. And then for now, we'll just have some text and just say place order. So then that should show up when we go to slash place order. All…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
(Locked)
Section intro1m 31s
-
(Locked)
Payment method and Zod schemas9m 27s
-
(Locked)
Payment method page8m 1s
-
(Locked)
Payment method form and update13m 9s
-
(Locked)
Order and OrderItem Prisma models11m 7s
-
(Locked)
Order Zod schemas and types8m 16s
-
(Locked)
Place order page18m 5s
-
(Locked)
Create order action14m 15s
-
(Locked)
Place order form7m 37s
-
(Locked)
Order page and action8m 27s
-
(Locked)
Format utility functions8m 20s
-
(Locked)
Order details table14m 5s
-
(Locked)
-
-
-
-
-
-
-
-
-
-