How to add custom route in Angular JSS ? Domain/<Page>/<id>

Question

We are working hybrid headless SSR approach.

The pages have a header and footer from Sitecore with wrapper angular components as shown in the image.

We should pass the id of the article from the wrapper component to another through a custom route using node SSR.

Any thoughts?

Answer 1

I achieved this using wildcard-item in sitecore.

I created like below,

Below list of working urls.

http://a-custom-route.com/articledetail/id1

http://a-custom-route.com/articledetail/id2

Note:

• Please handle your content retrieval logics as per id display in the URL(/articledetail/{id}).
• Handle this logic in a component and map with wild card item.
• Display not found article as well. Ex: http://a-custom-route.com/articledetail/{notfoundid-or-empty}