CloundFront cache configuration for serverless deployment

Recently, we had a problem on the frontend where when we deployed new content to our S3 bucket, the changes would not be reflected in the browser. Our issue, as you will soon see, was a caching issue.

Caching is important because it makes your website faster. It decreases load time which in turn creates a better user experience. Referencing the image above, if a user navigates to a page they’ve previously viewed, the browser will immediately return a saved copy instead of retrieving the information from the internet.

Our app is an Angular application served via S3 and CloudFront…

Kelly Ripple

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store