I have a react web app that is white labelled and there are 4 versions out there. The code is completely parameterised so all I have to do is change one value in the app and then it will connect to the correct AWS Cognito for the auth and then the correct database etc...
Each of the 4 versions is on its own unique domain, which uses CloudFront and an S3 bucket to host. So I have 4 S3 buckets, and each time I make a code change I have to compile 4 times (each time changing the one parameter) and do 4 uploads etc... and this will obviously blow out as more get deployed over time.
What I want to do is make it so I only have to compile once and use one S3 bucket to save time. I was thinking of grabbing the URL and then depending on what the URL is, to change that one parameter in the code that I was previously changing manually for the label before I compile. But I don't know if this is bad practice or if there is a better way?
Thank you.
One option I could think of : use header parameter with application id in every request. Based on application id , load the necessary application specific properties like Cognito etc in the back-end.