Wir glauben daran, bewährte Technologie zu wählen, wo es wichtig ist, und innovative Lösungen, wo sie einen echten Unterschied machen. Unser Stack ist für Entwicklererfahrung, Performance und Zuverlässigkeit optimiert.
Frontend
- Next.js 15 – Unser Framework der Wahl für alle Webanwendungen. Der App Router gibt uns die nötige Flexibilität mit hervorragender Performance out of the box. Wir verwenden statischen Export für die Landing-Site und SSR für das Dashboard.
- TypeScript – Typsicherheit ist keine Option. Sie fängt Bugs ab, bevor sie die Produktion erreichen, und macht Refactoring furchtlos. Kombiniert mit Zod für Runtime-Validierung erhalten wir End-to-End-Typsicherheit.
- Tailwind CSS – Utility-First-CSS, das unsere Stylesheets wartbar und unsere Designs konsistent hält. Unser Design-System basiert auf CSS-Variablen für Theming.
- Framer Motion – Für Animationen, die sich natürlich und performant anfühlen. Verwendet für Seitenübergänge, Mikrointeraktionen und Datenvisualisierungsanimationen.
Backend & Infrastruktur
- Cloudflare Pages & Workers – Edge-First-Deployment bedeutet, dass unsere Nutzer unabhängig von ihrem Standort schnelle Antworten erhalten. Workers verarbeiten API-Anfragen am Edge mit sub-100ms Antwortzeiten weltweit.
- Hono Framework – Leichtgewichtiges, schnelles API-Framework, das auf Workers läuft. Express-ähnliche Muster mit voller TypeScript-Unterstützung und minimalem Cold-Start-Overhead.
- Supabase – PostgreSQL mit Echtzeit-Abonnements, Authentifizierung und Storage. Row Level Security (RLS)-Richtlinien erzwingen teambasierte Multi-Tenancy auf Datenbankebene.
- Cloudflare KV – Key-Value-Storage für Rate-Limiting, Session-Locks und Caching häufig abgerufener Daten.
- Cloudflare R2 – Object-Storage ohne Egress-Gebühren. Wir speichern Screenshots, Heatmaps und Session-Replay-Chunks hier.
Visualisierung
- Mapbox GL JS – Treibt unsere 3D-Globus-Visualisierung mit reibungslosen Interaktionen und globaler Abdeckung an. WebGL-beschleunigt für 60fps-Performance.
- Recharts – Saubere, zusammensetzbare Diagramme für unsere Analytics-Dashboards. Wir verwenden es für Linien-, Balken-, Flächen- und Kreisdiagramme.
- rrweb – Session-Replay-Aufnahme und -Wiedergabe. Erfasst DOM-Mutationen, Mausbewegungen und Interaktionen mit automatisch maskierten sensiblen Daten.
Integrationen
- Stripe – Zahlungen und Abonnements. Webhook-gesteuerte Abrechnungsereignisse mit automatischer Plananwendung.
- Resend – Transaktionale E-Mail-Zustellung. Für Authentifizierung, Berichte und Benachrichtigungen verwendet.
- Cloudflare Turnstile – Bot-Schutz ohne CAPTCHAs. Unsichtbare Verifizierung, die Nutzer nicht unterbricht.