Introducing Composable Storefront

Objective

After completing this lesson, you will be able to describe the features and capabilities of SAP Commerce Cloud Composable Storefront.

What is Composable Storefront?

Composable Storefront is the JavaScript, Angular-based storefront for SAP Commerce Cloud. It:

  • Delivers a modern Single-Page Application (SPA), a web application that interacts with the user by dynamically updating content without full page reloads from the server.
  • Functions as a Progressive Web App (PWA) that uses modern web capabilities for app-like user experience.
  • Enables teams to customize and extend features quickly.

Key Features and Capabilities

Composable Storefront extends SAP Commerce Cloud with a flexible, developer-friendly architecture.

Here are its key features and capabilities:

  • Uses a decoupled architecture, communicating with SAP Commerce Cloud via Omni Commerce Connect (OCC) REST APIs. You can update the storefront UI frequently without performing full back-end upgrades.
  • Optimizes performance with Server-Side Rendering (SSR) to improve Search Engine Optimization (SEO). It reduces initial page load times by rendering the first view on the server.
  • Adopts a developer-centric, modular design, enabling you to extend or replace default features without modifying core source code.
  • Ensures upgradability by distributing features as npm libraries, allowing low-friction updates to the latest version for new features or bug fixes.
  • Supports business users with the vast majority of core SAP Commerce Cloud functionalities, including cart, checkout, user accounts, product search, promotions, stock notifications, consignment tracking, organization management, and so on.
  • Integrates with SmartEdit, allowing you to manage storefront content, preview modifications, and drag-and-drop editing.

Now that you've explored the key features, see Composable Storefront in action.

Overview of Composable Storefront

The following video walks you through Composable Storefront.

Key Takeaways

  • SAP Commerce Cloud Composable Storefront is a JavaScript, Angular-based storefront that delivers a modern Single-Page Application (SPA) and Progressive Web App (PWA) experience.
  • Built on a decoupled, modular architecture, it communicates via Omni Commerce Connect (OCC) REST APIs, supports Server-Side Rendering for SEO, and enables easy customization and upgradability without modifying core code.
  • The video walkthrough demonstrated how Composable Storefront delivers a fast, frictionless, and personalized end-to-end shopping experience.