title: Browser Cache Busting on S3 + Cloudfront
body: <p>I host a static website on S3 + Cloudfront. To redeploy, I upload static files with</p>
  
  <pre><code>aws s3 sync static
  </code></pre>
  
  <p>and invalidate the cloudfront cache with</p>
  
  <pre><code>aws cloudfront create-invalidation
  </code></pre>
  
  <p>What is the recommended way to force browsers to get these new assets after I update them? The problem is that browsers are caching these assets and users are getting old (invalid) versions of scripts, images, and styles.</p>