28-Mar-2025 • 30Q841 • 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 Pattern for Conditions (ngIf) with Alternative

08-Oct-2025 • 3084Z0 • 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 production configuration

24-Jul-2025 • 3Y0839 • 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.js with the included

28-Mar-2025 • 3083S8 • 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 hyphenated, lowercase

27-Jun-2025 • 308A37 • 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 Introduction

28-Mar-2025 • 30836K • 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 and build forms

16-Sep-2025 • 3R0834 • 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, Includes

28-Mar-2025 • 30A835 • 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. Authentication

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 • 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 Universal for pre-rendering complete pages to tackle SEO concerns. An Angular application without

28-Mar-2025 • 3Z0831 • Code Integrity Dependencies Code Formatting Unit Testing UI Testing Universal Testing Static Code Analysis This section provides an overview of required continuous integration steps to verify the validity of code contributions. All mentioned tools provide feedback on success or failure via exit code

28-Mar-2025 • 308E30 • 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 for General

28-Mar-2025 • 30X829 • Configuring ESLint Custom ESLint Rules The PWA uses ESLint for static code analysis and to enforce best practices. In order to use ESLint with Angular, we use the typescript-eslint and angular-eslint packages extensively. The PWA's ruleset is configured in .eslintrc.json and includes base rulesets to

28-Mar-2025 • 308C28 • Configuration Login Registration Token Lifetime Logout This document describes the authentication mechanism if punchout is used as identity provider. If you need an introduction to this topic, read the Authentication Concept first. Configuration The PWA must be configured in a specific way to use punchout

28-Mar-2025 • T30827 • 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 of simple

28-Mar-2025 • 3082L6 • 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 experience and

10-Sep-2025 • 3E0825 • Developers Getting Started Architecture Concept - Software Architecture Concept - Project Structure Concept - State Management Guide - State Management Guide - Product Context Concept - CMS Integration Concept - Configuration Guide - Propagating Environment Variables Concept - Localization Concept -

26-Nov-2021 • 30824Q • Thank you for your interest in the Intershop PWA project. We look forward for any kind of contribution. Code of Conduct We have adopted the Contributor Covenants Code of Conduct and we expect project participants to adhere to it. Please read and follow our Code of Conduct. Non-Code Contributions You

28-Mar-2025 • 3C0823 • Login Registration Token Lifetime Logout This document describes the main authentication mechanism if the ICM server is used as identity provider. If you need an introduction to this topic, read the Authentication Concept first. Login If the user wants to login by clicking a login link or navigating

28-Mar-2025 • 3L0822 • 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 access to