AWS · Serverless

Full-Stack Serverless Web Application

Route 53 DNS, CloudFront CDN, S3 static assets, API Gateway, Lambda, and DynamoDB. This diagram is written in ArchLex and passes AWS provider checks.

Edit in the playground AWS diagrams as code

Full-Stack Serverless Web Application: Route 53 DNS, CloudFront CDN, S3 static assets, API Gateway, Lambda, and DynamoDB

Full-Stack Serverless Web Application: Route 53 DNS, CloudFront CDN, S3 static assets, API Gateway, Lambda, and DynamoDB

provider aws
direction LR

dns: route53
cdn: cloudfront
static_site: s3
api: api-gateway
fn: lambda
db: dynamodb

dns > cdn
cdn -[routes]->|static origin| static_site
cdn -[routes]->|API route| api
api -[invokes]-> fn -[reads]-> db

What is in this diagram.

Resources

dns Amazon Route 53
cdn Amazon CloudFront
static_site Amazon S3
api Amazon API Gateway
fn AWS Lambda
db Amazon DynamoDB

Relationships

dns connects cdn
cdn routes static_site
cdn routes api
api invokes fn
fn reads db

Render it yourself.

Save the source as serverless-web-app.arch and render it with the CLI, or ask your agent to adapt it through the ArchLex MCP server.

npx @archlex/cli render serverless-web-app.arch --output serverless-web-app.svg