Checkout Page

A multi-step checkout flow starting at /checkout with sub-routes for each step. The flow is managed by the CheckoutProvider context and a progress indicator.

app/checkout/page.tsx                    # Redirect/entry point
app/checkout/layout.tsx                  # CheckoutProvider wrapper
app/checkout/user-details/page.tsx       # Step 1: Customer login/signup
app/checkout/order-details/page.tsx      # Step 2: Billing & shipping
app/checkout/review/page.tsx             # Step 3: Order review & payment
app/checkout/thank-you/[id]/page.tsx     # Step 4: Confirmation

Or with NextPress route groups: app/(main)/checkout/...

• Uses CustomerSignup with continueAsGuest option
• Wrapped in Protected (redirects authenticated users forward)

• Uses CheckoutOrderDetails for billing/shipping address forms
• Shows shipping address only when the cart needs shipping

• Uses OrderReview for order summary and payment
• Displays ItemSummary for each cart item
• Integrates Stripe payment when configured

• Uses ThankYou to display order confirmation
• Automatically clears the cart

• Cart - Previous step in the purchase flow
• Order Status - Post-purchase order tracking
• Account - Order history for authenticated users