How to design navigation between different areas

To design a solution where requests from your domain are directed to CloudFront and then forwarded to different external domains based on region, you can use CloudFront with multiple origins and path patterns. Here's how to implement this:

1. Create a CloudFront distribution with multiple origins:

• Set up each target domain as a separate origin in your CloudFront distribution
• Each origin would point to the different external domains you need to redirect to

2. Configure behaviors with path patterns:

• Create different behaviors in your CloudFront distribution
• Use path patterns to determine which requests go to which origin
• For example, "/regionA/" could go to one domain, "/regionB/" to another

3. Use CloudFront Functions or Lambda@Edge:

• For more complex routing based on region, implement a CloudFront Function or Lambda@Edge function.
• The function can examine the viewer's location or request parameters.
• Based on this information, it can dynamically redirect to the appropriate path pattern.
• Here is an example Lambda@Edge code that can help in achieving your use-case - https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/lambda-examples.html#lambda-examples-redirect-based-on-country

4. Set up your domain:

• Add your domain as an alternate domain name (CNAME) in the CloudFront distribution
• Obtain an SSL certificate through AWS Certificate Manager for your domain
• Update your DNS settings to point your domain to the CloudFront distribution

This approach allows you to maintain a single domain for your users while routing their requests to different external domains based on their region. The user will initially access your domain, but CloudFront will handle the forwarding to the appropriate external domain based on your configured rules.
Sources
cloudfront distribution with several origins | AWS re:Post