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.