Architektur

Frontend

• Framework: React 18 mit TypeScript
• Styling: Tailwind CSS
• State-Management: Zustand-Stores
• Routing: React Router v6
• Icons: Lucide React
• Build: Vite
• Echtzeit: WebSocket für gestreamte KI-Antworten und Events

Backend-Services

• Dev-Server — Code-Generierung, AI-Chat, Projektverwaltung, Datei-Operationen
• Management — Benutzerkonten, Abrechnung, Team-Verwaltung, OAuth
• Accounting — Nutzungs-Tracking, Kosten-Analytics, Stripe-Integration
• Orchestrator — Ausführung von Agent-Flow-Workflows

KI-Modelle

• Claude (Anthropic) — Code-Generierung und Chat (Sonnet für komplexe, Haiku für einfache Aufgaben)
• Gemini (Google) — Bildgenerierung, kosteneffiziente Klassifizierung, Zusammenfassung

Infrastruktur

• Workspace-Container — ein Docker-Container pro Workspace (isolierter Dev-Server)
• Cloud-Hosting — AWS ECS (Fargate) für Backend-Services
• Datenbank — PostgreSQL (RDS) fürs Management, Aurora für die Datenbanken veröffentlichter Apps
• Storage — S3 für Assets, Screenshots, veröffentlichte Seiten
• CDN — CloudFront für die Frontend-Auslieferung
• Cache — Redis für Workspace-Status und Node-Discovery

Wichtige Design-Entscheidungen

• Nur Merge, nie Rebase — alle Git-Operationen nutzen die Merge-Strategie
• Datei-basierte Projektspeicherung — der Dev-Server speichert Projekte als JSON-Dateien auf EFS
• Pro-Nutzer-Quellpfade — jede:r Mitarbeiter:in hat isolierte Dateipfade
• Intelligentes Modell-Routing — automatische KI-Modellwahl je nach Aufgaben-Komplexität
• Auto-Commit — KI-Änderungen werden automatisch committet und gepusht