Nous croyons en choisir une technologie éprouvée là où ça compte et des solutions innovantes là où elles font vraiment la différence. Notre stack est optimisé pour l'expérience développeur, la performance et la fiabilité.
Frontend
- Next.js 15 — Notre framework de choix pour toutes les applications web. L'App Router nous donne la flexibilité dont nous avons besoin avec d'excellentes performances out of the box. Nous utilisons l'export statique pour le site landing et SSR pour le tableau de bord.
- TypeScript — La sécurité des types n'est pas optionnelle. Elle détecte les bugs avant qu'ils n'atteignent la production et rend le refactoring sans crainte. Combiné avec Zod pour la validation à l'exécution, nous obtenons une sécurité de type de bout en bout.
- Tailwind CSS — CSS utilitaire qui maintient nos feuilles de style maintenables et nos designs cohérents. Notre système de design est construit sur des variables CSS pour le thème.
- Framer Motion — Pour des animations naturelles et performantes. Utilisé pour les transitions de page, les micro-interactions et les animations de visualisation de données.
Backend et infrastructure
- Cloudflare Pages et Workers — Le déploiement edge-first signifie que nos utilisateurs obtiennent des réponses rapides où qu'ils soient. Les Workers gèrent les requêtes API à la périphérie avec des temps de réponse inférieurs à 50 ms dans le monde entier.
- Framework Hono — Framework API léger et rapide fonctionnant sur les Workers. Patterns similaires à Express avec un support TypeScript complet et une surcharge minimale au démarrage à froid.
- Supabase — PostgreSQL avec abonnements en temps réel, authentification et stockage. Les politiques Row Level Security (RLS) imposent la multi-location basée sur les équipes au niveau de la base de données.
- Cloudflare KV — Stockage clé-valeur pour la limitation de débit, les verrous de session et la mise en cache des données fréquemment consultées.
- Cloudflare R2 — Stockage d'objets sans frais de sortie. Nous y stockons les captures d'écran, cartes de chaleur et fragments de replay de session.
Visualisation
- Mapbox GL JS — Propulse notre visualisation du globe 3D avec des interactions fluides et une couverture mondiale. Accéléré par WebGL pour des performances à 60 fps.
- Recharts — Graphiques propres et composables pour nos tableaux de bord analytiques. Nous l'utilisons pour les graphiques en ligne, barres, aires et secteurs.
- rrweb — Enregistrement et lecture de replay de session. Capture les mutations DOM, mouvements de souris et interactions avec les données sensibles masquées automatiquement.
Intégrations
- Stripe — Paiements et abonnements. Facturation pilotée par webhooks avec application automatique des plans.
- Resend — Envoi d'e-mails transactionnels. Utilisé pour l'authentification, les rapports et les notifications.
- Cloudflare Turnstile — Protection anti-bots sans CAPTCHA. Vérification invisible qui n'interrompt pas les utilisateurs.