06-Jul-2026 • 48Z355 • Table Of Contents Intershop Commerce Management (ICM) PWA - Server-Side Rendering (SSR) PWA - Nginx CSR Mode with nginx Browser Default Production Deployment Deployment Without Nginx Hiding the ICM Backend Stateless vs. Stateful Building Blocks Further References Intershop Commerce Management (ICM) The

06-Jul-2026 • 4Z8354 • The PWA can be monitored using Prometheus. Activating the feature Prometheus for the nginx or SSR container exposes metrics on port 9113 on the /metrics URL. The SSR container also offers the configuration parameter METRICS_DETAIL_LEVEL to control the granularity of collected metrics: Value DEFAULT :

06-Jul-2026 • 4N8352 • The ICM provides a big variety of different REST resources managed by various teams and services. As the maturity of resources varies, so does the format of HTTP errors provided by those endpoints. The classic error response was submitted via HTTP headers and slowly the new format of providing even localized

06-Jul-2026 • 4Y8353 • Table Of Contents In the Project Source Code In a Deployed Application In the Project Source Code If you have access to the source code, you can find the Intershop PWA version in the package.json file under the version property. The project's CHANGELOG.md can also help determine the Intershop PWA version

06-Jul-2026 • 48X351 • Table Of Contents SSO with Auth0 for PWA Business Cases Create New User User Forgot Password Further References Intershop Commerce Management supports logging in clients via SSO (see Concept - Single Sign-On (SSO)). The PWA uses the library angular-oauth2-oidc to support an easy configuration for providing

06-Jul-2026 • 4834Y8 • Table Of Contents JSDoc Tags Document Only When Needed! The JSDoc comment format is used for general information. Examples for the comment styling pattern can be found here: TypeDoc - DocComments. Use this format to describe components, modules, etc., but also methods, inputs, variables and so on. Example

06-Jul-2026 • 48B346 • Table Of Contents Switching On Mocking Supply Mocked Data Sometimes during development, it might be necessary to work with mocked data. This is especially necessary when developing new features in parallel where backend and frontend are involved. In the PWA, we supply a mocking mechanism so that the

06-Jul-2026 • T48345 • Table Of Contents Bootstrap Integration Assets Fonts Icons Optimization References The visual design (styling) and the interaction design (behavior) of the Intershop Progressive Web App is derived from the Responsive Starter Store with some changes (e.g., the header) to improve and modernize the customer

06-Jul-2026 • 4C8344 • Table Of Contents Introduction Angular CMS Components Navigation Components Account Content Pages View Contexts View Context Requests with Resource Set ID Design View Preview Context Integration with an External CMS Introduction The Intershop REST API contains resources reflecting the aspects of Intershop's

06-Jul-2026 • 4834A3 • Table Of Contents Requirements Architectural Concept Configuration Intershop Commerce Management (ICM) Intershop Progressive Web App (PWA) Mapping Table PWA Adaptions Preparing the PWA for the Hybrid Approach with the Responsive Starter Store Development Environment Configuration of a Development Domain

06-Jul-2026 • P48342 • Table Of Contents NgRx Pitfalls Using Services and catchError Using switchMap can Lead to Race Conditions Should I put XYZ into the Store or the Component? Testing NgRx Artifacts Using the State Management in Tests Reducers and Actions Selectors Effects NgRx Pitfalls Using Services and catchError The

06-Jul-2026 • R48340 • Table Of Contents When to Write Cypress Tests? Rules for Developing Cypress Tests Always Stick to Small Scope Pay Respect to Individuality Do not Reinvent the Wheel Stick to the PageObject Pattern Debugging Flaky Cypress Tests Further References When to Write Cypress Tests? With Angular most of the functionality

06-Jul-2026 • S48339 • Table Of Contents Rewriting Concept Rewriting Artifacts matchXRoute XRoutePipe ofXRoute (optional) Further References The PWA allows to supply localized and SEO optimized URLs for categories and product detail pages. Rewriting Concept This feature is mainly built on top of Angular's UrlMatcher for parsing

06-Jul-2026 • 483Q38 • Table Of Contents Ways of Configuring Angular Applications Angular CLI Environments Node.js Environment Variables NgRx Configuration State URL Parameters Different Levels of Configuration Settings Build Settings Deployment Settings Runtime Settings Configurations REST Resource ICM Endpoint Configuration

06-Jul-2026 • 4833K7 • Table Of Contents Quick Start Step 1 - Clone the Project Step 2 - Install the Dependencies Step 3 - Start the Intershop PWA Customization Deployment Running Tests Code Style Type Safety Pre-Commit Check Code Scaffolding Further Help Quick Start Before working with this project, download and install Node

06-Jul-2026 • 48S336 • Table Of Contents CMS Enhanced Image Teaser Further References With the growing importance of good Core Web Vitals (CWV) metrics, the Intershop PWA includes several optimizations and functionalities that are intended to improve these metrics. The following chapter lists aspects of the Intershop PWA that

06-Jul-2026 • 4833D5 • Table Of Contents What is a Product Context? How to Introduce Product Context? By Using ProductContextDirective By Providing ProductContextFacade By Providing SelectedProductContextFacade Retrieving Data from the Product Context Inject ProductContextFacade Use ProductContextAccessDirective Linking Embedded

06-Jul-2026 • 4P8334 • Table Of Contents Configure Cookie Consent Options Control Cookie Consent Banner Display Cookie Consent Settings Enable PWA Functionality Dependent on Cookie Consent Settings Displaying the Cookie Consent Options PWA Required Cookies Disabling the Integrated Cookie Consent Handling The Intershop PWA

06-Jul-2026 • 483E33 • Table Of Contents Usage Examples Localization of Simple Text Localization with Parameters Localization with Pluralization Localization with Formatted Dates Localization of Text with HTML Tags Localization in the component(.ts) File Localization of Text with HTML-Anchors (Links) & OnClickHandlers (Callback-Functions)

06-Jul-2026 • 4832D9 • Table Of Contents Building Configuration HTTPS or SSL Basic Auth Multi-Site Ignore Parameters During Caching Access ICM Sitemap Override Identity Providers by Path Add Additional Headers Content Security Policy Other Features Cache Cache Clearing Shared Redis Cache Cache Timing Clearing the Redis Cache