Sitecore Stack Exchange is a question and answer site for developers and end users of the Sitecore CMS and multichannel marketing software. It only takes a minute to sign up.
Sign up to join this community
We want to use Sitecore JSS (ReactBased) Framework with Sitecore 9.2 (Integrated mode).
We will have 3 sites that are almost the same but they have their differences in components and content (they will have different domains name too).
So basically, we want to know which is the best approach to have this scenario set up with react JSS solution.
Do we have to make 3 apps with a lot of duplicate code or it is an easier way to do it?
Yes it is feasible to use 1 JSS App to serve multi-site but requires custom implementation.
You need custom code to resolve the site as the layoutServiceHost will point to 1 domain.
You may need to update the site start path to the /sitecore/content and from there you'll need to resolve for the site.
I've talked with Sitecore Experts via Support ticket and Sitecore Slack Channel about this and the best and recommended approach is to use Sitecore 9.2 with JSS 12 and SXA 1.9
SXA 1.9 has the capabilities of managing different JSS App but also allow you to configure multiple sites with a single JSS App. Here is a link about my journey of migrating from JSS to SXA JSS.
On SXA 1.9, the settings item allows you to configure on which app you want to point the JSS App. More information can be found at the SXA Documentation - Managing JSS App
I will try to answer to @Jeeby's questions:
did you go with SXA?--->No (it may be possible but we haven't use it)
How did it work out for you? ---> We ended up with a single JSS App and 3 sites under /sitecore/content with common components outside of them under one Universal folder. Sitecore Support helped us with sharing components between sites, because it can't be done and they provided a hotfix that made that outside components to be shared.
As for deployments we deploy the JSS App three times (for each site one time).
And another thing is that we go as Sitecore First approach, we don't keep the yml files in our react app. We find it easier in this way to build new components.
In Sitecore our components and renderings are under /Feature not under /Project/Site. We put there only specific components to each site.
Don't hesitate to ask Sitecore for things that don't make sense, some time they can provide a great shortcut like that hotfix.
I hope you will find this information useful and good luck to everyone!
