@startuml deployment
left to right direction

skinparam node {
    BorderColor<<docker-container>> #0db7ed
}

node "Web browser" as browser
node "docker-compose" {
    node Proxy <<docker-container>> {
        node Nginx as nginx
    }

    node "Frontend 1" <<docker-container>> {
        node "Static file server" as f1
    }

    node "Backend 2" <<docker-container>> {
        node Node.js as b2
    }

    node "Backend 1" <<docker-container>> {
        node Node.js as b1
    }

    node Database <<docker-container>> {
        database Postgres
    }
}
browser <--> nginx : HTTP
nginx <--> f1 : http://.../
nginx <--> b1  : http://.../api
nginx <--> b2 : http://.../api
b1 <--> Postgres
b2 <--> Postgres
@enduml
