Cache Busting for an Angular App Deployed with AWS S3 and CloudFront

Cache Busting for an Angular App Deployed with AWS S3 and CloudFront

Caching is a very good way to load our web pages faster on users’ browsers, But that same cache becomes a problem when you have made a new release of your web application and this new release contains few very important bugs fixes or import feature. In that case, You expect your users to start using a new version of your application and you will have to handle cache-busting during such release. In this post, I am going to share a checklist of things that you should do to bust the cache for an angular app deployed with AWS S3 and Cloudfront.

Caching is a very good way to load our web pages faster on users’ browsers, But that same cache becomes a problem when you have made a new release of your web application and this new release contains few very important bugs fixes or import feature. In that case, You expect your users to start using a new version of your application and you will have to handle cache-busting during such release.

In this post, I am going to share a checklist of things that you should do to bust the cache for an angular app deployed with AWS S3 and Cloudfront.

In this blog, I am assuming that you already know how to deploy an angular app on AWS S3 and Cloudfront. Also, you are using angular-cli.

Image for post

Frontend app deployment with CloudFront and s3

cloudfront javascript s3 aws angular

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Deploying Static Websites To AWS S3 + CloudFront + Route53 Using The TypeScript AWS CDK

Utilise the TypeScript AWS CDK to deploy static websites and see how I deployes a static Nextjs 10 website with this stack.

How to deploy static websites to AWS S3 and CloudFront

Deploying static websites for progressive web apps, landing pages and countless other use cases. We often see the need for static websites to serve various requirements, such as a web application, an admin interface for a service, a landing page and countless other cases where all that’s required is pre-built HTML pages with CSS and JavaScript. In this post, we’ll take a look at one of Altostra’s templates that can help you deploy static websites quickly. How to deploy static websites to AWS S3 and CloudFront

Install Angular - Angular Environment Setup Process

Install Angular in easy step by step process. Firstly Install Node.js & npm, then Install Angular CLI, Create workspace and Deploy your App.

Basics of Angular: Part-1

What is Angular? What it does? How we implement it in a project? So, here are some basics of angular to let you learn more about angular. Angular is a Typesc

This is how I Uploaded files to AWS S3 securely using PreSigned URL in Angular

Upload files securely without having AWS credentials in client side.