The PWA allows to supply localized and SEO optimized URLs for categories and product detail pages.
This feature is mainly built on top of Angular's UrlMatcher for parsing routes and a custom pipe for generating them.
Artifacts for custom routes are accumulated in src/app/core/routing.
Each route must supply an implementation of UrlMatcher to be used in the routing module.
We recommend defining custom routes in src/app/pages/app-last-routing.module.ts, so they do not interfere with other routes.
The easiest approach for implementation would be to build on top of
UrlSegment, but it is also possible to implement a custom solution with regular expressions.
It is also important to generate the customized routes depending on entities or other configuration.
It is helpful to implement an exported
generateXRoute helper function, that transforms said entity to a URL.
To detect routes in NgRx Effects, we recommend to also supply an operator, that filters for URLs of customized routes using the
RouteNavigation as an input.