Whether you build a web app, mobile app or a slightly more sophisticated website: Your project will consist of different components that come together to form one application. This can be a Wordpress instance, static content from a S3 bucket, an authentication service from Google or AWS Cognito, one or multiple APIs and some React applications.
In the browser of the user, they all come together and as a developer you need to bring the components together to serve them as one.
One way to do this is to create multiple subdomains to merge your components under one domain.
Another way is to map multiple origins into one, using AWS CloudFront as Content Delivery Network.
In this video, I will explain the options and show how to setup multiple origins under one CloudFront distribution to serve it under one Subdomain to the client.