10-Sep-2025 • 30851D • 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

28-Mar-2025 • 30850K • Table Of Contents Architecture State Selectors Actions Reducers Effects Facades Context Facades File Structure Core Store Structure Naming Actions - Types Actions - Creators Reducer State Selectors Facades - Streams Facades - Action Dispatchers Entity State Adapter for Managing Record Collections: @ngrx/entity

28-Mar-2025 • 30G849 • Table Of Contents Local Environment Configuration Development Server Testing Production Setups Development Tools Pre-Commit Check Clean Working Copy Visual Studio Code Remote Development Debugging Browser Extensions Tackling Memory Problems Recommended Articles Parallelism Developing with the Intershop

28-Mar-2025 • 308V48 • Table Of Contents Overview The Field Library Retrieving Configurations Retrieving Configuration Groups Defining Your Own Configurations & Configuration Groups Defining a FieldLibraryConfiguration Defining a FieldLibraryConfigurationGroup Automatic Field Replacement Using the '#' Pseudo-Type Address Forms

28-Mar-2025 • 308P47 • 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)

10-Sep-2025 • 3R0846 • 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

20-May-2025 • 3H0845 • Table Of Contents Syntax Examples One Domain, One Channel, Multiple Locales Multiple Domains, Multiple Channels, Multiple Locales Multiple Subdomains, Multiple Channels, Multiple Locales Extended Example with Many Different Configurations Extended Example with Two Domains, One with Basic Auth (Except

12-Sep-2025 • 30844H • 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

28-Mar-2025 • G30843 • Table Of Contents Intershop Commerce Management (ICM) PWA - Server-Side Rendering (SSR) PWA - Nginx Browser Default Production Deployment Deployment Without Nginx Hiding the ICM Backend Stateless vs. Stateful Building Blocks Further References Intershop Commerce Management (ICM) The Intershop Commerce

28-Mar-2025 • 30842K • Table Of Contents Different Levels of Testing Unit Module Integration End-to-End Test File Locations Deviation from Standard Angular Test Frameworks PageObject Pattern Handling Test Data Further Help Different Levels of Testing Testing the PWA follows the basic principle of the test pyramid (https://martinfowler

28-Mar-2025 • 30Q841 • Table Of Contents Declare Components in the Right NgModule Do not use NgRx or Services in Components Delegate Complex Component Logic to Services Put as Little Logic Into constructor as Possible - Use ngOnInit Use Property Binding to Bind Dynamic Values to Attributes or Properties Do Not Unsubscribe

08-Oct-2025 • 3084Z0 • Table Of Contents Building Building Multiple Themes Running Development Local ICM Cache Heap Dumps Creation Analysis Further References Building To simply build the Intershop PWA in server-side rendering mode, you can use the package.json script npm run build , which builds the Intershop PWA with the

24-Jul-2025 • 3Y0839 • 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

28-Mar-2025 • 3083S8 • Table Of Contents File Name Conventions General Folder Structure Extension Folder Structure Modules Extending Modules File Name Conventions In accordance with the Angular Style Guide and the Angular CLI convention of naming generated elements in the file system, all file and folder names should use a

27-Jun-2025 • 308A37 • Table Of Contents Introduction Workflow Check the Accessibility of a Page ESLint Rules Partially Automated Testing Google Lighthouse Silktide - Accessibility Checker WAVE - Web Accessibility Evaluation Tool IBM - Equal Access Accessibility Checker Manual Testing Keyboard Screen Reader Further References

14-Nov-2025 • 30836K • Table Of Contents File and Naming Conventions Reusable Form Components Page Specific Form Components Data Models Services Extensions Form Behavior General Rules Usage of Formly, Template Driven and Reactive Forms Validators Keep Templates Simple The Intershop PWA has switched to using formly to define

16-Sep-2025 • 3R0834 • Table Of Contents Introduction Angular CMS Components Navigation Components Account Content Pages View Contexts Design View Integration with an External CMS Introduction The Intershop REST API contains resources reflecting the aspects of Intershop's integrated Content Management System (CMS), i.e., Pagelets

28-Mar-2025 • 30A835 • Table Of Contents Introduction Library angular-oauth2-oidc Implementation and Configuration of Identity Providers PWA Initialization Login, Registration, Token Refreshment, Logout Vanishing of the apiToken Cookie Further References Introduction Several ICM REST operations require an authenticated user

28-Mar-2025 • B30833 • NGINX Optimizations NGINX Optimizations Custom Webpack Build PurgeCSS Safelisting Development Further References The NGINX building block applies: Compression of responses ngx_brotli is used to compress files on NGINX because Brotli has a better compression ratio compared to gzip. The configuration of

28-Mar-2025 • H30832 • Table Of Contents Server-Side Rendering robots.txt Page Metadata Optimized URLs This concept documents our approach for search engine optimization for the Intershop Progressive Web App. Server-Side Rendering The PWA uses SSR for pre-rendering complete pages to tackle SEO concerns. An Angular application