title: CloudFront and API Gateway service on same domain
body: <p>I want to:</p>
  
  <ul>
  <li>Distribute the static part of the website (html, css, js) on my domain www.example.com.</li>
  <li>Put API Gateway services on my domain under a folder, www.example.com/v1.</li>
  </ul>
  
  <p>How do I accomplish this?</p>
  
  <p>In route 53, from what I understand I can only point to <strong>one</strong> cloudfront distribution, so I am choosing my S3/CloudFront enabled bucket.</p>
  
  <p>So, the end result should be, in order of priority/mapping:</p>
  
  <ul>
  <li>www.example.com/v1/* &lt;-> API Gateway &lt;-> Lambda &lt;-> DynamoDB</li>
  <li>www.example.com/* &lt;-> CloudFront &lt;-> S3 bucket contents</li>
  </ul>
  
  <p>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.</p>