Architecture diagram of a web application site

This is an architectural diagram of my personal web application.

I am using the following services and libraries, and all AWS resources are created with Cloudformation and can be Git managed.

The following is a diagram of our architecture.


  • AWS S3
  • AWS CloudFront (CDN)
  • AWS API Gateway
  • AWS Lambda
  • AWS DynamoDB
  • AWS SageMaker
  • AWS EC2


  • Frontend : React(Typescript)
  • Backend : Python, Go

For the web application, we are using SageMaker and EC2 because it includes machine learning processing such as image and natural language processing, and thought processing such as numerical calculation. We also use SQS to perform thought processing asynchronously.


It is now very easy to create web applications (dynamic sites). It’s hard to keep up with the rapid progress of AWS and other cloud technologies, but I will continue to actively use this service as long as I can pay for it personally.