Yes. For SPA entire page content is based on <pagename>model.json. And this will called internally from clientlib-react. While rewriting the URL in dispatcher page will be loaded but the model.json will be of the page which we are accessing from the browser.

Yes, I have made the change as you suggested.Also, when I access /page1 then page1.model.json is getting called, and the same for page2.

ideally it has to be page1.model.json for /page1 and page2.model.json for /page2 which we are making from dispatcher

This is what happening. While accessing /abc abc.model.json is getting called and the content coming under this is getting loaded in page. After applying rules, still abc.model.json is getting loaded for both the /page1 and /page2

Yes, I have placed that. You can check in the post above I have updated it. But the issue is with the content of the page.

This is for AEM - React SPA. FYI

Not redirect. It should be Rewrite. User end URL shouldn't change. I have already configured and internally page is getting loaded for that. But, the content is not changing as it depends on model.json

We are using AEM - React as a SPA.The Rewrite Rules which are configured for URL shortening were not working with this AEM-React SPA.We have made some changes in HierarchyPageImpl class so that :path will be specific to the short URL. And the changes are working fine.But, we have a new use case wher...

Yes, Other components which are created in React are loading without any issue.In fact the XF for which I have created in React is loading but the components which are added not getting populated.Check the React component for XF./*ExperienceFragment.jsMaps to cq/experience-fragments/editor/component...

@Anudeep_Garnepudi  I have followed the same reference. Created a model, and component in React.But I am not sure how to add experience fragment to a page and author it. I have created a XF using web variation template and added a component.Here I assume that we can just add the component and author...