Retour

Climby : De la dette technique Flutter au succès React Native

Découvrez comment Climby a réussi sa migration de Flutter vers React Native en seulement 3 semaines, éliminant la dette technique et permettant la mise à l'échelle de la plateforme sans interruption de service.

Selego

Migration
Migration React Native de Climby

Une application Flutter qui empêchait la mise à l'échelle

Climby est une plateforme dédiée aux athlètes et aux passionnés de sport, offrant un espace où les athlètes peuvent partager leur parcours, interagir avec leurs fans et monétiser leur contenu. Le MVP, développé sur plusieurs mois, intégrait des fonctionnalités de base telles que la gestion des abonnements et les interactions. Cependant, dès sa création, le MVP avait une dette technique qui entravait sa capacité à évoluer et à s'adapter aux besoins croissants des utilisateurs. Cette dette rendait difficile l'ajout de nouvelles fonctionnalités et la gestion efficace de la plateforme, limitant ainsi le développement de Climby.

Migration de Flutter vers React Native sans interruption de service

Le projet Climby s'est déroulé dans un contexte de migration technologique, passant de Flutter à React Native. Ce changement était motivé par la nécessité d'éliminer la dette technique accumulée dans le MVP et de repartir sur des bases solides pour permettre une meilleure évolutivité. La migration s'est avérée particulièrement difficile en raison des utilisateurs actifs sur la plateforme. Nous devions assurer une continuité de service tout en améliorant la fluidité de l'application et en optimisant la vitesse de développement pour répondre plus efficacement aux besoins des utilisateurs.

Étapes pour une migration réussie vers React Native

Les étapes pour une migration réussie vers React Native pour Climby se sont déroulées en plusieurs phases clés. En seulement trois semaines, nous avons reconstruit l'application en React Native, en nous concentrant sur :

  • Optimisation UX/UI : Simplification de l'expérience utilisateur pour permettre une navigation plus intuitive, centrée sur les fonctionnalités essentielles.
  • Changement du modèle de données : Nous avons migré de Firebase, une technologie propriétaire, vers une solution générique pour plus de flexibilité et d'évolutivité.
  • Gestion des abonnements et du contenu premium : Un système a été mis en place via Stripe pour gérer efficacement les abonnements et protéger le contenu premium.

La migration a été réalisée en une seule soirée, permettant le passage à la nouvelle architecture sans interruption de service pour les utilisateurs actifs.

En parallèle, une interface d'administration a été développée en une semaine seulement, offrant un contrôle efficace de l'application et permettant à l'équipe de gérer les données et les utilisateurs de manière centralisée.

Enfin, nous avons intégré OneSignal pour les notifications push et assuré un déploiement fluide sur les stores Android et iOS, tout en collectant et en ajustant les retours utilisateurs pour des améliorations continues.

Suivi continu pour une expérience utilisateur optimale

Depuis le lancement de la nouvelle version de l'application, nous continuons à accompagner Climby dans son évolution, en optimisant les fonctionnalités et en surveillant les performances de l'application. Nous avons également mis en place un système de suivi des retours utilisateurs, permettant d'identifier rapidement les axes d'amélioration et de déployer les mises à jour en conséquence.

Témoignage du CEO 💬

"Nous étions confrontés à des problèmes d'évolutivité et de stabilité avec notre MVP qui nous empêchaient de nous développer correctement. Le support de Selego nous a aidés à réduire les risques techniques"

Réalisations clés

  • Migration en 3 semaines de Flutter vers React Native
  • Zéro interruption de service pendant la transition
  • Amélioration de l'évolutivité et des fondations techniques
  • Amélioration de l'expérience utilisateur avec une navigation optimisée
  • Système d'abonnement robuste via l'intégration de Stripe
  • Interface d'administration développée en une semaine
  • Notifications push via l'intégration de OneSignal

Défis techniques surmontés

Élimination de la dette technique

  • Migration de Firebase vers une solution de base de données générique
  • Reconstruction de l'architecture pour une meilleure évolutivité
  • Élimination des goulots d'étranglement de performance

Stratégie de migration

  • Développement parallèle pour minimiser les temps d'arrêt
  • Migration progressive des fonctionnalités
  • Tests complets avant le déploiement

Améliorations de l'expérience utilisateur

  • Navigation et interface simplifiées
  • Performance de l'application améliorée
  • Meilleure cohérence entre les plateformes

Résultats et Impact

Avant la migration

  • • Dette technique limitant la croissance
  • • Difficulté à ajouter de nouvelles fonctionnalités
  • • Problèmes de performance
  • • Problèmes d'évolutivité

Après la migration

  • • Architecture propre et évolutive
  • • Développement rapide des fonctionnalités
  • • Performance améliorée
  • • Meilleure expérience utilisateur

Technologies utilisées

Frontend

React Native

Paiements

Stripe

Notifications

OneSignal

FAQ

Combien de temps a duré la migration ?

La migration complète a été réalisée en seulement 3 semaines, sans interruption de service pour les utilisateurs.

Quels ont été les principaux défis ?

Le plus grand défi a été d'assurer la continuité du service tout en migrant les utilisateurs actifs de Flutter vers React Native.

Comment avez-vous géré la migration des données ?

Nous avons migré de Firebase vers une solution de base de données générique, en assurant l'intégrité des données et une meilleure évolutivité.

Leçons apprises

  • La dette technique doit être traitée tôt pour éviter les problèmes d'évolutivité
  • Une planification appropriée est cruciale pour les migrations sans interruption
  • Les retours utilisateurs doivent guider les améliorations continues
  • Une architecture robuste dès le départ permet un développement plus rapide