Component Diagram (PlantUML)
A layered web app's components and their wiring.
Rendering…
Make it your own.
@startuml
skinparam componentStyle rectangle
package "Client" {
[Web App]
[Mobile App]
}
package "Edge" {
[API Gateway]
[CDN]
}
package "Services" {
[Auth Service]
[Orders Service]
[Catalog Service]
}
database "Postgres" as db
queue "Event Bus" as bus
[Web App] --> [CDN]
[Web App] --> [API Gateway]
[Mobile App] --> [API Gateway]
[API Gateway] --> [Auth Service]
[API Gateway] --> [Orders Service]
[API Gateway] --> [Catalog Service]
[Orders Service] --> db
[Catalog Service] --> db
[Orders Service] --> bus
@enduml