I want to:
- Distribute the static part of the website (html, css, js) on my domain www.example.com.
- Put API Gateway services on my domain under a folder, www.example.com/v1.
How do I accomplish this?
In route 53, from what I understand I can only point to one cloudfront distribution, so I am choosing my S3/CloudFront enabled bucket.
So, the end result should be, in order of priority/mapping:
- www.example.com/v1/* <-> API Gateway <-> Lambda <-> DynamoDB
- www.example.com/* <-> CloudFront <-> S3 bucket contents
In what way can I achieve this? And if not, what are my alternatives since I need to bend to the same origin principle requirement in web browsers.