Aiminaabee
Storefront APIDevelopmentDashboardHelp
⌘K
  • General
    • Build a Next.js Storefront
    • Connect Your Storefront to Aiminaabee
    • Use a Publishable API Key in the Storefront
    • Storefront Localization
    • Storefront Production Optimization Tips
  • Tutorials
    • Express Checkout
      • Overview
      • 1. Run Aiminaabee
      • 2. Create Next.js app
      • 3. Install dependencies
      • 4. React context
      • 5. Storefront layout
      • 6. Checkout page
      • 7. Product selection
      • 8. Address
      • 9. Shipping
      • 10. Payment
      • 11. Confirmation
      • Next steps
  • Regions
    • List Regions in the Storefront
    • Store Selected Region in the Storefront
    • Region React Context in the Storefront
  • Products
    • Show Products in the Storefront
    • Retrieve a Product in the Storefront
    • Select Product Variants in the Storefront
    • Retrieve Product Variant
      • Example: Show Product Variant
      • Example: Show Product Variant
      • Example: Show Product Variant
    • Retrieve Product Variant
  • Product Categories
    • Show Product Categories in the Storefront
    • Retrieve a Category in the Storefront
    • Retrieve a Category
    • Retrieve Nested Categories in the Storefront
  • Product Collections
    • List Product Collections in the Storefront
    • Retrieve a Collection in the Storefront
    • Retrieve a Collection
  • Carts
    • Create Cart in the Storefront
    • Retrieve Cart in the Storefront
    • Create Cart Context in the Storefront
    • Update Cart in the Storefront
    • Manage Cart
    • Manage Cart Promotions in the Storefront
    • Show Cart Totals
  • Checkout
    • Overview
    • Checkout Step 1: Enter Email
    • Checkout Step 2: Set Shipping and Billing Addresses
    • Checkout Step 3: Choose Shipping Method
    • Checkout Step 4: Choose Payment Provider
    • Payment with Stripe in React Storefront
    • Checkout Step 5: Complete Cart
    • Order Confirmation in the Storefront
  • Customers
    • Authentication
      • Register Customer in the Storefront
      • Register Customer with Email Verification in the Storefront
      • Login Customer in the Storefront
      • Third-Party or Social Login in the Storefront
      • Reset Customer Password in the Storefront
    • Profile
      • Retrieve Logged-In Customer in the Storefront
      • Customer Context in the Storefront
      • Edit Customer Profile in the Storefront
      • Manage Customer Addresses in the Storefront
      • Log-out Customer in the Storefront

Express Checkout

Build a single-page express checkout storefront with Next.js.

OverviewBuild a single-page Next.js checkout flow on the Aiminaabee Store API.1. Run AiminaabeeRun Aiminaabee locally and update CORS plus allowed cart fields.2. Create Next.js appCreate a Next.js App Router project next to your Aiminaabee app.3. Install dependenciesAdd the packages the express checkout storefront uses.4. React contextShare region and cart state across the express checkout flow.5. Storefront layoutCreate the express checkout page layout and chrome.6. Checkout pageAdd the express checkout page and step router.7. Product selectionBuild the product selection step.8. AddressBuild the address step.9. ShippingBuild the shipping step.10. PaymentBuild the payment step and complete the cart.11. ConfirmationBuild the order confirmation page.Next stepsAdd more commerce features after express checkout.
All areas
  • All Areas
  • Docs
Navigation↑↓
Open Result↵