Hi @fionas76543059 ,
Please find below one of the approach to integrate multiple react projects in AEM without using SPA editor.
Firstly, we are using these configurations to get rid of chunk files so that js which is included in the zip package through your build process is main.hash.js
.rescriptsrc.js
module.exports = config => {
config.optimization.runtimeChunk = false;
config.optimization.splitChunks = {
cacheGroups: {
default: false
}
};
return config;
};
Now, through build process, different zip packages can be generated for different react applications (assuming different applications are in different repos) e.g react-application-1.zip , react-application-2.zip (these zip contains clientlibs to be installed in AEM)
In AEM, there will be a template page for react app, which can have a component to accept application id.
Depending on the configured application id, you can include client lib dynamically.
So, you will have to make sure that your application id and installed client lib category in AEM should match.
example application-id configured on the page - react-application-1 and your template will have this code
<c:when test="${not empty application-id}">
<cq:includeClientLib css="${application-id}" />
<%-- Javascript Application render --%>
<div id="${application-id}"></div>
Above is in jsp, you can change to sightly.
