SAP Commerce Composable Storefront (Spartacus) Deep Dive: Architecture, Customization, and Production Patterns

SAP Commerce Composable Storefront — still widely known as Spartacus — is the Angular-based frontend framework for SAP Commerce Cloud. It replaces the Accelerator server-side storefronts with a decoupled, JavaScript-driven single-page application that communicates with the backend entirely through the OCC REST API. This architecture enables independent frontend deployments, CDN-friendly content delivery, and a modern development experience. This article covers the architecture, customization model, state management, CMS integration, and production deployment patterns that every Spartacus developer needs to understand. Architecture Overview ┌───────────────────────────────────────────────────────┐ │ Browser │ │ ┌─────────────────────────────────────────────────┐ │ │ │ Spartacus Application (Angular SPA) │ │ │ │ ┌──────────┐ ┌──────────┐ ┌──────────────────┐│ │ │ │ │ NgRx │ │ CMS │ │ Feature Modules ││ │ │ │ │ Store │ │ Mapping │ │ (Cart, Checkout, ││ │ │ │ │ │ │ Engine │ │ PDP, PLP, etc