Ruby storefronts

The Ruby storefront offers customizable features for storefronts using the Next.js framework. It uses the headless store data template and supports business-to-consumer (B2C) and business-to-business (B2B) use cases. The store includes pages for browsing, shopping, checkout, and account management, and uses Elastic for search functions.

The Ruby storefront is enabled for both B2C and B2B.
Important: You can create and publish a custom store using the Ruby storefront.

The Ruby storefront is based on the Next.js framework that enables React-based web applications with server-side rendering and generation of static websites. You can create a registered user from the Sign In or Register page. See Registering a user to the Ruby storefront to become a registered user.

The store uses the same data template that was used for the ReactJS stores (Emerald/Sapphire) and can be used as a storefront for existing headless store deployments.

Store features

Ruby store offers an extensive set of site-level, category-level, and product-level features:
  • Site level features: Using site-level features, you can customize the look of your storefront. Site level features are visible from multiple pages in your store.
  • Category level features: Category-level features help customers to browse categories, search the catalog, and filter product listings to find the right product.
  • Product level features: Product-level features showcase details about a specific product in your store.
  • Search features: HCL Commerce comes with a powerful and fully integrated search function. The search functions in HCL Commerce provide an enriched customer experience, with features such as automatic search term suggestions and spelling correction.
  • B2B Feature: The Ruby storefront offers B2B features to enhance and simplify catalog browsing, order placement, and administration tasks for B2B customers.
The Ruby store has some commonly used flows:
  • Marketing content on home and category pages
  • Guest and Registered user shopping flows
  • Variant support throughout the store and B2C pages with merchandising associations, inventory availability, and promotional messages.

Pages in the Ruby storefront

The following pages are included in the implementation for the Ruby storefront:
  • Browse Flow:
    • Home page
    • Category page
    • Product listing page
    • Product detail page
  • Search result page with facets
  • Guest and Registered user shopping
  • Registered user management
    • ​Login with email address
    • Register
    • Change and reset password
    • Address Book
      • Create shipping and billing addresses
      • Edit address
      • Delete address
  • Cart page and wish list with recently added items and cart totals
  • Checkout flow (Multi-page checkout)
    • Multiple quick checkout profiles
      • Choose between registered and guest user
      • Shipping and Billing address
      • Address book interaction
      • Payment verification and processing
      • Order confirmation
      • Review the order and payment history
  • My account
  • Error pages
  • Marketing Content on home and category pages
Note: The Ruby storefront use the Elastic.

Customization

The Ruby storefront enables customization for adoption and provides a convenient extension paradigm.

For the Ruby storefront customization, see Creating a custom storefront using Next.js and docs/customization.md readme file within the git-bundle.