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.

Frontend app deployment with CloudFront and s3

cloudfront javascript s3 aws angular

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

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 in easy step by step process. Firstly Install Node.js & npm, then Install Angular CLI, Create workspace and Deploy your App.

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

Upload files securely without having AWS credentials in client side.