Skip to content

Clean / Hexagonal Architecture — Simple#

flowchart LR
  UI([UI / API])
  APP([Application services<br/>use cases])
  DOM([Domain<br/>entities, rules])
  PORT([Ports - interfaces])
  ADAPT([Adapters<br/>DB, MQ, HTTP])
  UI --> APP --> DOM
  APP --> PORT
  PORT --> ADAPT

  classDef p fill:#dbeafe,stroke:#1e40af,stroke-width:1px,color:#0f172a;
  classDef s fill:#fef3c7,stroke:#92400e,stroke-width:1px,color:#0f172a;
  class UI,ADAPT p;
  class APP,PORT s;
  class DOM s;

    classDef client fill:#dbeafe,stroke:#1e40af,stroke-width:1px,color:#0f172a;
    classDef edge fill:#cffafe,stroke:#0e7490,stroke-width:1px,color:#0f172a;
    classDef service fill:#fef3c7,stroke:#92400e,stroke-width:1px,color:#0f172a;
    classDef datastore fill:#fee2e2,stroke:#991b1b,stroke-width:1px,color:#0f172a;
    classDef cache fill:#fed7aa,stroke:#9a3412,stroke-width:1px,color:#0f172a;
    classDef queue fill:#ede9fe,stroke:#5b21b6,stroke-width:1px,color:#0f172a;
    classDef compute fill:#d1fae5,stroke:#065f46,stroke-width:1px,color:#0f172a;
    classDef storage fill:#e5e7eb,stroke:#374151,stroke-width:1px,color:#0f172a;
    classDef external fill:#fce7f3,stroke:#9d174d,stroke-width:1px,color:#0f172a;
    classDef obs fill:#f3e8ff,stroke:#6b21a8,stroke-width:1px,color:#0f172a;
    class UI,APP,DOM,PORT service;
    class ADAPT queue;

Put domain logic at the centre; let everything else (UI, DB, frameworks) plug in via interfaces (ports + adapters). The domain depends on nothing; everything depends on the domain.