Serve multiple tenants with dedicated subdomains through cloud-front distribution

Given the following considerations:

->Single S3 bucket containing static Frontend SPA files. ->Frontend to be served through CloudFront ->Each tenant should have their own subdomains tenantA.xyz.com or tenantB.xyz.com

It's a react application. How can this be configured?

On a customer sign up, things should be provisioned automatically without any manual intervention. I read here Serve SPA multi-tenants through AWS CloudFront from a single S3 bucket that each tenant has their own CloudFront distribution. Why is that and how should that be configured on the fly? Is this the recommended way to do it?

Would appreciate some codebase examples.

https://stackoverflow.com/questions/65622923/serve-multiple-tenants-with-dedicated-subdomains-through-cloud-front-distributio January 08, 2021 at 11:08AM