Cover image for Watch me deploy a React and an Angular website to AWS using AWS CDK with one command

Watch me deploy a React and an Angular website to AWS using AWS CDK with one command

nideveloper profile image Matt Coulter Updated on ・1 min read

cdkpatterns (19 Part Series)

1) What is CDKPatterns.com? 2) Deploy "The EventBridge Circuit Breaker" pattern today (AWS API Gateway, Lambda, EventBridge, DynamoDB) 3 ... 17 3) Deploy “The Big Fan” Serverless Pattern Today (AWS API Gateway, SNS, SQS and Lambda) 4) Deploy "The Simple GraphQL Service" Serverless Pattern Today (AWS Appsync, DynamoDB, Lambda, GraphQL) 5) Deploy Any cdkpatterns.com Serverless Pattern to AWS in 3 Commands 6) Learn GraphQL and AWS AppSync By Running One Command 7) S3 CSV File to DynamoDB using EventBridge, AWS Lambda, Fargate and SQS 8) Learn Lambda Destinations combined with Amazon EventBridge using AWS CDK for truly decoupled Event Driven Architecture 9) Watch Deconstructing The Destined Lambda on Youtube today! AWS Lambda, API Gateway, Destinations and EventBridge 10) Learn the 3 AWS Lambda states today (the single purpose function, the fat lambda and the lambda-lith). 11) Watch me deploy a React and an Angular website to AWS using AWS CDK with one command 12) Watch me deconstruct "The EventBridge ETL" Serverless Architecture Pattern 13) Learn "the saga stepfunction" pattern today - Single Table DynamoDB, Lambdas, Step Function and API Gateway 14) Watch me deconstruct "The Scalable Webhook" AWS Serverless Pattern - Lambda, API GW, SQS 15) Learn Serverless Tracability with "The X-Ray Tracer" CDK Pattern - Lambda, SNS, SQS, DynamoDB 16) Tune your AWS Lambdas for best cost vs performance with "The Lambda Power Tuner" serverless pattern 17) Protect your RDS MySQL DB from AWS Lambda Scalability 18) Attach a FileSystem to your AWS Lambda Function 19) Open your content to the world by combining Amazon Translate and Polly - Natural language translations and voice synthesis

Watch the latest deconstructing cdkpatterns video where I deconstruct the angular and react patterns.

Full Architecture:

Alt Text

GitHub Links:

CDKP Commands:

// Angular
npx cdkp init s3-angular-website
cd s3-angular-website
npm run deploy
// React
npx cdkp init s3-react-website
cd s3-react-website
npm run deploy

Deconstructing The S3 Deploy Pattern

I talk the theory, deploy, show the cdk-spa-deploy jsii construct then delete the bundled website and show you how to deploy your own!


markdown guide

Thanks for the video, Matt.

I am having trouble hearing the voice at all.

Could anyone else confirm?