My AfriChat
Plateforme multi-tenant pour embarquer un assistant IA texte + voix sur n'importe quel site web. Workspaces, configuration versionnée par site, chat streaming, TTS / voix realtime (WebRTC), Edge Functions Supabase et validation d'origine — pour ne jamais exposer les secrets côté client. Brique prête pour vitrines, SaaS et support.
- Client
- Mission client
- Rôle
- Frontend & intégration
- Durée
- Produit
- Stack Technique
- ReactTypeScriptSupabaseEdge FunctionsWebRTCshadcn/ui
Widget IA sécurisé multi-sites
Métriques & Résultats Clés
- ModesTexte + voix
- ModèleMulti-tenant
- SécuritéOrigin check
Le contexte
Intégrer un assistant IA sur plusieurs sites sans fuite de clés API, avec une config par origine et des modes texte + voix stables. Le widget devait être simple à embarquer mais dur côté sécurité.
L'approche
Architecture multi-tenant (workspaces / sites), secrets côté Edge Functions, origin check, config versionnée, streaming texte et canal voix WebRTC. UI shadcn pour l'admin de config et le widget end-user. Parcours d'intégration documenté (snippet + domaines autorisés).
Le résultat
Une brique déployée capable de servir plusieurs sites avec isolation de config et modes texte/voix. Réutilisable pour support client, vitrine ou onboarding produit.
01 · Problème
Le point de douleur
Un widget IA embarquable devient vite un risque de sécurité si les clés partent côté client — et un cauchemar d'ops si chaque site a sa propre config sauvage.
02 · Cadrage
Ateliers & périmètre
Ateliers rôles (admin workspace / site / end-user), définition du modèle multi-tenant, liste des domaines autorisés et choix Edge Functions pour le proxy LLM.
03 · Conception
Architecture & maquettes
UI admin shadcn, contrat de config versionnée, architecture streaming + WebRTC, schéma Supabase et règles d'origin check.
04 · Développement
Itérations courtes
Intégration chat texte, voix realtime, gestion des erreurs réseau/permissions micro, tests multi-origines.
05 · Mise en production
Bascule maîtrisée
Publication Vercel, validation des snippets d'embed et hardening des headers / CORS.
06 · Solution
Mesure & évolution
Observabilité des sessions voix, itérations latence et UX du widget selon les sites pilotes.
Aperçus du projet en action
Vous avez un projet similaire ou une idée à concrétiser ?
Discutons de vos objectifs techniques et business. Estimation claire et accompagnement sur-mesure.
Vaultify
Application de découverte GitHub assistée par IA : reformuler une intention en requêtes, scorer les repositories, synthétiser les cas d'usage et accélérer la shortlist open source. Module Benin Devs, favoris, export — pour décider en minutes au lieu de noyer le scroll dans le bruit GitHub.
KeepBase
Plateforme de monitoring intelligent pour garder les projets Supabase free-tier actifs 24/7 — 100 % gratuit et illimité. Pings automatisés (pg_cron + Edge Functions), santé temps réel, alertes email et dashboard glassmorphism : finies les suspensions après 7 jours d'inactivité.