Web Dev Academy Hosting & deployment · AWS, GCP & Azure Tool 59 / 64
Hosting & deployment

AWS, GCP & Azure

The hyperscalers. Hundreds of services for compute, storage, databases, AI and networking — the raw infrastructure that runs most of the internet. Immense power, real complexity.

Demo 01

Three clouds, the same building blocks

AWS, Google Cloud and Microsoft Azure each offer the same core categories under different brand names. Pick a provider — the service grid below relabels itself.

Showing service names for: AWS

Demo 02

The services grid

This is a fraction of what's on offer — each cloud has 200+ services. Here are the six categories you'll meet first. The names update with your chosen provider.

Demo 03

Build a tiny architecture

Real apps wire several services together. Click building blocks to add them to the diagram and watch a typical web architecture take shape — request flows left to right.

Click blocks above to assemble an architecture →
!
Notice how fast it gets complicated. Each block is a service to configure, secure and pay for. That power is why teams hire cloud engineers — and why managed platforms like Vercel exist to hide it for simpler sites.
Demo 04

Infrastructure as code

You don't click your way through hundreds of services in production — you declare them in code (Terraform, CloudFormation, Bicep) so an environment can be rebuilt identically, every time.

# main.tf — Terraform: an S3 static-site bucket on AWS
resource "aws_s3_bucket" "site" {
  bucket = "my-app-static-site"
}

resource "aws_s3_bucket_website_configuration" "site" {
  bucket = aws_s3_bucket.site.id
  index_document { suffix = "index.html" }
}

# then: terraform init && terraform apply
# Or talk to the cloud from the CLI
aws s3 sync ./dist s3://my-app-static-site   # AWS
gcloud run deploy api --source .            # Google Cloud
az webapp up --name my-app                  # Azure
Demo 05

When do you reach for a hyperscaler?

For a portfolio, GitHub Pages is plenty. The big clouds earn their complexity when you need scale, compliance, custom backends, data pipelines or machine learning.

📈
Massive scale
Auto-scale from zero to millions of requests on demand.
🧩
Custom backends
Queues, streams, containers, GPUs — anything you can imagine.
🔐
Compliance
Fine-grained IAM, regions, audit logs, certifications.
🤖
AI & data
Managed ML, data warehouses and analytics at petabyte scale.
i
The provider switch, the service grid and the click-to-build architecture diagram are simulated with vanilla JavaScript in your browser — the real AWS, Google Cloud and Azure platforms run from vast data centers around the world. The Terraform and CLI snippets are real commands. The shared CSS shell provides page styling.

↑ All 64 tools