C4 System Context (Structurizr)

workspace {
  model {
    customer = person "Customer" "A shopper using the store."
    store = softwareSystem "Online Store" {
      web = container "Web Application" "Next.js" "Serves the storefront."
      api = container "API" "Node.js" "Business logic + REST."
      db = container "Database" "PostgreSQL" "Stores orders & catalog."
    }
    payments = softwareSystem "Payment Gateway" "External payments."

    customer -> web "Browses & buys"
    web -> api "Calls" "JSON/HTTPS"
    api -> db "Reads/writes"
    api -> payments "Charges card"
  }
  views {
    systemContext store {
      include *
      autolayout lr
    }
    container store {
      include *
      autolayout lr
    }
    theme default
  }
}