Architecture
The Architecture section groups together all topics related to composable storefront architecture.
For information on end user features in the composable storefront, see Storefront Features.
For information on which version of the composable storefront libraries or which version of SAP Commerce Cloud is required for a particular feature, see the Feature Compatibility Matrix.
Configurable Routing
Composable storefront offers customizable URL routing using Angular Router to improve SEO control and storefront usability.
Configuring the Base URL
You can configure the base URL with a special HTML meta tag if you want to deploy to different environments with only one compiled JavaScript application.
Extending Built-In Models
You can customize and extend existing models in composable storefront to fit your requirements.
Global Configuration in Composable Storefront
Learn about setting global configurations in composable storefront.
Global Messages
There are several types of global messages that you can display in your storefront app. Each type of global message has its own default duration, which you can customize.
Commands and Queries
Commands and queries simplify state handling and back end actions, replacing NgRx for default composable storefront libraries. They offer better error handling and leverage the storefront events framework, simplifying implementation.
Launch Dialog Service
The Launch Dialog Service is a tool for managing dialog components in your storefront application, offering methods for opening, closing, and passing data to dialogs.
Lazy Loading
Lazy loading lets you split your JavaScript code into multiple chunks to avoid having to load the full application when a user accesses the first page.
Proxy Facades
Proxy facades are a flexible mechanism for abstracting functionality from lazy-loadable feature modules. They dynamically create a proxy to the facade implementation, making them transparent for lazy loading and eager loading scenarios.
Multi-Site Configuration
You can configure your site by defining its context, which includes a base site ID, language properties, and currency properties. You can opt to define the context properties statically or automatically.
Progressive Web Application Support
You can add Progressive Web Application (PWA) support to youcomposable storefront app.
Session Management
Learn about session management in composable storefront, such as managing user sessions, handling tokens, and performing authorizations.
State Management
Learn about state management in composable storefront, including the loader meta reducer, state persistance, and SSR transfer state.