How to deploy a React app on AWS using the AWS CDK

Implemented with TypeScript, HTTPS, a CDN, CI/CD with Buddy and your own domain name.

What we will be building:

Our React application will be:

• Hosted on AWS S3
• Distributed around the world with AWS CloudFront’s CDN,
• Have a domain name through AWS Route 53
• Have HTTPS enabled through certificates provided by AWS Certificate Manager
• Built fully with Infrastructure as code through the use of AWS CDK where we will build the infrastructure with TypeScript
• Deployed continuously with Buddy. Both the React client app and Infrastructure will have their own CI/CD pipelines

Here is a deployment of the app we will be building: https://andrew-bestbier-cdk-blog.com (Notice the custom URL and HTTPS).

An architecture diagram of what we will be building looks as follows:

Prerequisites:

• A Github account
• An AWS account
• A Buddy account