- App mobile
- Back-office
- Réalisé avec Besta
LNA Natation
Une app iOS et Android et un back-office web qui alimente aussi les sites WordPress de la Ligue Nouvelle-Aquitaine de Natation : un contenu saisi une fois, publié partout.
- Client
- Ligue Nouvelle-Aquitaine de Natation
- Réalisé avec
- Besta, par cycles de deux semaines
- Période
- 2026
- Plateformes
- iOS, Android, web et WordPress
Le besoin
Saisir une fois, publier partout.
La Ligue publie des actualités, des formations ERFAN, un calendrier d'événements et des documents de référence pour ses clubs et licenciés, sur plusieurs canaux à la fois : son site, le site de l'ERFAN et, désormais, une application mobile.
Avec Besta, nous avons conçu un back-office unique qui alimente l'app, les deux sites WordPress et les notifications push. L'app s'inspire de SWIM'O, en plus moderne et plus épurée, avec le moins de clics possible.
Comment ça marche
Un back-office, quatre destinations
1 · Contenus
- Actualités
- Formations ERFAN
- Calendrier des événements
- Boîte à outils et documents
- Contacts par thème
2 · Destinations
- App mobileTous les contenus, sur iOS et Android
- Site de la LigueLes actualités, selon leur thème
- Site ERFANLes actualités et formations ERFAN
- Notifications pushÀ la publication, ou envoi libre
3 · Back-office
Une seule source de vérité
- Rôles éditeur et administrateur
- Publication planifiable
- Statut de chaque synchronisation
- Relance des échecs en un clic
Ce que nous avons construit
Une app, un back-office, deux sites
- 01
App mobile
Cinq onglets (accueil, disciplines, calendrier, ERFAN, outils), favoris sur le téléphone, ajout au calendrier et itinéraire vers le lieu.
- 02
Back-office
Actualités planifiables et mises à la une, formations ERFAN, calendrier, disciplines, boîte à outils ordonnée, contacts et comptes.
- 03
Synchro WordPress
Chaque actualité part vers le bon site selon son thème, avec un statut suivi, un webhook de retour et la relance des échecs.
- 04
Notifications
Envoi automatique à la publication, ciblé par discipline, envoi libre par un administrateur et historique complet.
Zoom technique
Une publication, plusieurs routages
Le thème d'une actualité décide de tout : le site WordPress qui la reçoit, et le public de la notification. Un thème transverse ou une actualité à la une notifie tout le monde ; un thème de discipline ne notifie que les abonnés de cette discipline, via un topic Firebase dédié.
Côté app, le contenu rédigé dans le back-office est rendu en natif : les titres de niveau 2 deviennent des sections, ceux de niveau 3 des accordéons. Les dates sont affichées à l'heure de Paris, et les erreurs de chargement restent visibles avec un rafraîchissement possible.
- 1RédactionUn éditeur saisit l'actualité et son image de couverture
- 2PublicationImmédiate ou planifiée, mise à la une possible
- 3SynchronisationEnvoi vers le bon site WordPress, statut suivi
- 4NotificationPush à tous ou aux abonnés de la discipline
Les défis
Ce qui rendait le projet difficile
Un contenu, quatre destinations
Une actualité doit arriver dans l'app, sur le bon site WordPress et chez les bons abonnés, sans double saisie.
Notre réponse
Le thème de l'actualité pilote tout : le site qui la reçoit et le public de la notification.
Une synchro qui peut échouer
Un site WordPress peut être indisponible au moment où une actualité est publiée.
Notre réponse
Chaque envoi a un statut, un webhook de retour et une relance des échecs en un clic ; 39 tests automatiques couvrent la synchro.
Qui peut faire quoi
Les éditeurs de la Ligue publient, mais seuls les administrateurs gèrent disciplines, comptes et envois libres.
Notre réponse
Deux rôles, et des comptes créés par un administrateur avec un mot de passe provisoire, sans inscription libre.
Décisions techniques
Les choix, et pourquoi
- Expo + expo-router
- Une seule base de code pour iOS et Android, avec une navigation par fichiers et des builds simplifiés.
- Next.js + Prisma
- Un back-office et une API mobile dans le même projet, avec un schéma typé sur PostgreSQL (Supabase).
- Plugin WordPress dédié
- Un mu-plugin sur chaque site reçoit les contenus et renvoie un webhook au back-office, sans toucher aux thèmes existants.
- Topics Firebase
- Un topic général et un topic par discipline : chaque téléphone ne reçoit que ce qui le concerne.
- Comptes créés par un admin
- Pas d'inscription libre : un administrateur crée les comptes et attribue le rôle éditeur ou administrateur.
Où en est le projet
Avant la mise en production
- Interface terminéeLes phases de maquette de l'app sont terminées et validées.
- App branchée sur le back-officeL'app consomme la vraie API : actualités, disciplines, ERFAN, événements, documents et contacts.
- Synchronisation testéeLes 39 tests automatiques de la synchronisation WordPress passent ; la recette manuelle suit.
- Publication sur les storesDernière étape : transfert vers les comptes de la Ligue, puis publication sur l'App Store et le Play Store.
Stack
Les outils du projet
- Expo
- React Native
- TypeScript
- expo-router
- Next.js
- Tailwind CSS
- shadcn/ui
- Prisma
- PostgreSQL
- Supabase
- Firebase Cloud Messaging
- next-intl
- WordPress
- Vercel
Une app mobile avec back-office ?
Découvrir Besta