Multi Site Configurations 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

We provide an NGINX Docker image based on OpenResty for the PWA deployment. Building The Docker image can be built by running a Docker build with the Dockerfile located in the nginx folder. Configuration Mandatory environment variables: Connect the NGINX to the PWA with the UPSTREAM_PWA value in the

Intershop Commerce Management (ICM) The Intershop Commerce Management (ICM) provides the necessary data for running the default Intershop PWA deployment via a REST API. Since release 0.23, it uses the new headless application type (see Migrations / From 0.22 to 0.23). Using another backend is also possible

Different Levels of Testing Testing the PWA follows the basic principle of the test pyramid (https://martinfowler.com/bliki/TestPyramid.html). Unit Most of the testing should be done in low-level unit tests if possible. These tests concern themselves with the behavior of a single unit of code, be it

Declare Components in the Right NgModule Angular requires you to declare a component in one and only one NgModule. Find the right one in the following order: Your Component is used only on one page? - Add it to the declarations of the corresponding page.module. Your Component is used among multiple pages

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 of the angular.json with the default theme. Afterward, you can start the application with npm run serve (or do

Quick Start Before working with this project, download and install Node.js with the included npm package manager. Currently Node.js 18.16.0 LTS with the corresponding npm 9.5.1 is used for development. The project uses Angular CLI which has to be installed globally. Run npm install -g @angular/cli@16

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 structure (kebab-case). camelCase should not be used, especially since it can lead to problems

Accessibility General Attributes and Roles Titles instead of ARIA-Attributes Usage of native HTML-Elements ESLint Rules Accessibility Plugin Additional Rules Project specific Applications How to fix click-events-have-key-events problems Form Submission using the key "Enter" Form submission in dialogs

Forms 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 Further References The Intershop PWA has switched to using formly