%% Autogenerated remix-fullstack graph TD classDef standard fill:#1e293b,stroke:#38bdf8,stroke-width:1px,color:#e5e7eb; classDef c-actor fill:#1e293b,stroke:#e5e7eb,stroke-width:1px,stroke-dasharray: 5 5,color:#e5e7eb; classDef c-compute fill:#422006,stroke:#fb923c,stroke-width:1px,color:#fed7aa; classDef c-database fill:#064e3b,stroke:#34d399,stroke-width:1px,color:#d1fae5; classDef c-network fill:#2e1065,stroke:#a855f7,stroke-width:1px,color:#f3e8ff; classDef c-storage fill:#450a0a,stroke:#f87171,stroke-width:1px,color:#fee2e2; classDef c-security fill:#450a0a,stroke:#f87171,stroke-width:1px,color:#fee2e2; classDef c-gateway fill:#2e1065,stroke:#a855f7,stroke-width:1px,color:#f3e8ff; classDef c-container fill:#422006,stroke:#facc15,stroke-width:1px,color:#fef9c3; subgraph edge_layer ["Edge Layer"] direction TB edge_network(("<img src="/icons/inframap/edge.png" width="32" height="32" /><br/><b>Edge Network</b><br/><i>gateway</i><br/><span style='font-size:0.8em'>Cloudflare / Vercel</span>")) class edge_network c-network remix_app("<img src="/icons/inframap/compute.png" width="32" height="32" /><br/><b>Remix Application</b><br/><i>service</i><br/><span style='font-size:0.8em'>SSR + Client hydration</span>") class remix_app c-compute end subgraph data_layer ["Data Layer"] direction TB prisma("<img src="/icons/inframap/compute.png" width="32" height="32" /><br/><b>Prisma ORM</b><br/><i>service</i><br/><span style='font-size:0.8em'>Type-safe DB client</span>") class prisma c-compute postgres[("<img src="/icons/inframap/database.png" width="32" height="32" /><br/><b>PostgreSQL</b><br/><i>database</i><br/><span style='font-size:0.8em'>Application database</span>")] class postgres c-database redis[("<img src="/icons/inframap/database.png" width="32" height="32" /><br/><b>Redis</b><br/><i>database</i><br/><span style='font-size:0.8em'>Session & cache</span>")] class redis c-database storage[("<img src="/icons/inframap/database.png" width="32" height="32" /><br/><b>Object Storage</b><br/><i>database</i><br/><span style='font-size:0.8em'>S3 / R2 for assets</span>")] class storage c-database end %% Orphans users(("<img src="/icons/inframap/user.png" width="32" height="32" /><br/><b>Users</b><br/><i>actor</i><br/><span style='font-size:0.8em'>Web browsers</span>")) class users c-actor %% Edges users -.-> edge_network edge_network -.-> remix_app remix_app -.-> prisma remix_app -.-> redis prisma -.-> postgres