Hugo Ribaud

Problématique

Les camps internationaux géraient tout sur papier et Excel : menus du restaurant, programmes d'événements, contacts d'urgence, annonces. Chaque nouveau site nécessitait des semaines de configuration. Les résidents harcelaient constamment l'accueil pour des informations basiques, et les zones à faible connectivité rendaient les solutions cloud traditionnelles inutilisables.

Approche Technique

• Architecture multi-tenant permettant de déployer un nouveau site en moins d'une journée avec personnalisation complète
• Application mobile React Native/Expo avec support offline-first pour les zones à connectivité limitée
• CMS web Next.js permettant aux équipes non-techniques de gérer le contenu en autonomie
• Synchronisation temps réel Supabase pour les annonces urgentes et mises à jour
• Système de notifications push pour la communication instantanée avec les résidents
• API REST robuste avec gestion des conflits de synchronisation offline
• Infrastructure déployée sur Vercel avec base PostgreSQL Supabase

Technologies Utilisées

Apprentissages Clés

• L'architecture multi-tenant bien pensée dès le départ permet une scalabilité massive sans réécriture
• Le mode offline-first est crucial pour les applications terrain - la connectivité ne doit jamais être supposée
• Un CMS intuitif réduit drastiquement les demandes de support et autonomise les équipes
• La gestion d'un projet solo de cette envergure nécessite une discipline rigoureuse et une architecture modulaire
• Les tests en conditions réelles (camps isolés) révèlent des edge cases impossibles à anticiper en développement

Problématique

L'association fonctionnait avec un système legacy Java/Spring Boot 2.7 + Vue.js vieillissant, coûteux à maintenir et limité en fonctionnalités. Elle avait besoin d'un écosystème moderne couvrant ses différentes activités (médiation, formation, débat) avec une infrastructure fiable et économique.

Approche Technique

• Migration complète Java/Spring Boot 2.7 + Vue.js → Next.js 16 + Supabase en 7 phases / 2 jours
• Architecture multi-applications : Argumenter (app métier), Logos (boîte à outils), Réfléchir (roulette de débat), Website (vitrine)
• Infrastructure VPS self-hosted : 11 containers Docker orchestrés avec Caddy et Kong
• Supabase self-hosted multi-tenant avec PostgreSQL 15 et Row-Level Security
• Monitoring automatisé : Beszel, Uptime Kuma, Sentry, 13 cron jobs de healthcheck et backup
• Alertes temps réel via ntfy pour incidents et backups
• CI/CD avec GitHub Actions et déploiement Vercel pour les apps front-end

Technologies Utilisées

Apprentissages Clés

• La migration d'un monolithe Java/Spring Boot vers Next.js + Supabase est réalisable en quelques jours avec une planification rigoureuse par phases
• Supabase self-hosted en multi-tenant nécessite une configuration fine de Kong et GoTrue pour l'isolation des données
• Le monitoring automatisé (13 cron jobs) est indispensable pour une infrastructure self-hosted fiable
• Caddy simplifie énormément la gestion TLS/HTTPS par rapport à Traefik pour les petites infrastructures
• Un écosystème de 4 apps peut tourner pour ~13€/mois sur un VPS bien configuré

Problématique

Le client gérait ses 255 questions de réflexion dans un fichier Google Sheets, difficile à utiliser en séance avec des participants. Il fallait une interface web moderne permettant de parcourir les questions par catégorie, de les projeter en mode live pendant les formations, avec une base de données robuste remplaçant Google Sheets.

Approche Technique

• Architecture React 19 avec TypeScript et Vite pour un développement type-safe et performant
• Migration de Google Sheets vers Supabase PostgreSQL pour une base de données robuste
• 16 catégories de questions (255 sujets) avec navigation intuitive et recherche
• Mode live streaming pour projection en séance de formation
• Dashboard administrateur pour la gestion et le suivi du contenu
• Design responsive avec Tailwind CSS v4 et animations Motion
• Déploiement sur Vercel avec sous-domaine personnalisé

Technologies Utilisées

Apprentissages Clés

• La migration Google Sheets → Supabase PostgreSQL améliore la fiabilité et les performances pour les données structurées
• Supabase offre un excellent DX pour les migrations rapides avec son dashboard et ses API auto-générées
• Le mode live streaming nécessite une gestion fine des états et transitions d'animation
• Transformer un outil existant du client (Sheets) en app web réduit la courbe d'adoption à zéro