Configure React SPA with multiple projects

Hey guys,

Currently I am facing a though problem in a bloomreach project that I am working on.

We have a React SDK Integration that works pretty fine with a fixed endpoint, lets say

http://localhost:8080/site/resourceapi (what would render the nl_NL version of the website)

but we want this endpoint to be dynamic depending on the url that the user refers to

so if he goes to the url

http://localhost:3000/en the site should be in english, but the configuration endpoint is statically set to the NL version. How can I solve that and make the configuration endpoint dynamic? There is a way to do it only with the sdk or should I use location to do it?


Perhaps Implement Next.js Internationalized Routing may help?