Overview

What an express checkout storefront is and what you will build.

On this page

In this guide, you'll learn how to create an express checkout storefront with Aiminaabee. This is an optional UI walkthrough. The required spec is the Store API order in Checkout, not this layout.

When you install a Aiminaabee application, you get a fully-fledged commerce server and an admin dashboard to manage the commerce store's data. As for the storefront, you can either install the Aiminaabee Next.js storefront template, or create a custom storefront with your preferred tech stack, design, and features. Aiminaabee's architecture is flexible and customizable, allowing you to build a storefront that fits your use case.

An express checkout storefront is a streamlined shopping experience that focuses on reducing friction during the checkout process, allowing customers to quickly and easily buy products with minimal input. When you have an express checkout storefront, you share a link to purchase one of your products, either through social media, blog posts, or other promotional campaigns, and the customer can complete the purchase with minimal effort.

Summary

Follow the steps in the left sidebar, in order:

  1. Run Aiminaabee
  2. Create a 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

This tutorial assumes a basic understanding of Next.js and JavaScript.

Express checkout storefront interface showing a single-page checkout flow with product selection


Next: 1. Run Aiminaabee