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

KI-Modelle

• Chat & Code-Generierung — standardmäßig Claude (Anthropic); GPT (OpenAI), Gemini (Google), DeepSeek und Mistral pro Projekt wählbar
• Bildgenerierung — Gemini (Google)

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
• Modellwahl pro Projekt — ein Modell je Projekt, alle Anbieter in denselben AI Tasks abgerechnet
• Auto-Commit — KI-Änderungen werden automatisch committet und gepusht