Une plateforme privée pour MyCluster Montagne.
Une plateforme web privée qui relie les membres autour de contenus, profils, entreprises et événements, avec un frontend Next.js alimenté par le back-office WordPress existant.
Défi
Créer une plateforme privée avec authentification, où les membres publient et interagissent avec des contenus, en réutilisant le back-office WordPress existant de Cluster Montagne plutôt que d’ajouter un second CMS.
Solution
Construire un frontend Next.js orienté application, avec authentification et une intégration WordPress dans les deux sens, pour que les membres créent des contenus et interagissent via une API partagée avec le back-office existant.
Résultat
Une plateforme privée en production, utilisée par les membres, livrée sans second back-office et qui va au-delà d’un site headless classique, avec des fonctionnalités applicatives authentifiées et interactives.
Contexte
MyCluster Montagne est une plateforme privée destinée aux membres du cluster.
Elle fonctionne comme un espace social privé : les membres peuvent publier des contenus, aimer et commenter des publications, gérer leur profil, découvrir les autres entreprises du cluster et suivre les événements de l’organisation.
Le projet comprenait aussi le site institutionnel de Cluster Montagne.
Plutôt que de créer un second back-office pour la plateforme privée, le choix a été de garder l’administration et les données dans l’installation WordPress existante de Cluster Montagne, et d’exposer les données et actions nécessaires à la plateforme Next.js via une API.
Défis
Authentification privée
La plateforme est privée et nécessite un système d’authentification pour contrôler l’accès des membres.
Du frontend vers le back-office
La plateforme ne se contente pas de consommer des contenus WordPress. Les membres peuvent créer des contenus directement depuis la plateforme : le frontend doit donc renvoyer des actions vers WordPress et créer des contenus dans le back-office.
Un back-office partagé
La plateforme devait fonctionner aux côtés du site Cluster Montagne existant, sans créer un second back-office indépendant.
Choix techniques
Un seul back-office WordPress, deux expériences
L’installation WordPress existante de Cluster Montagne reste la source centrale d’administration et de contenu.
La plateforme privée consomme les données nécessaires via une API, au lieu d’ajouter un second back-office.
Cela a réduit l’administration en double et évité des développements inutiles.
Frontend Next.js
La plateforme privée a été construite avec Next.js pour offrir une expérience bien plus orientée application qu’un site de contenu classique.
L’architecture devait gérer l’authentification, les interactions des utilisateurs, la création de contenus et la communication avec le backend WordPress existant.
Démarche
- 1
Architecture
Définir la relation entre l’installation WordPress existante et la nouvelle plateforme privée. L’objectif était de garder le back-office existant tout en exposant les données et fonctionnalités nécessaires via une API.
- 2
Développement de la plateforme
Construire le frontend Next.js authentifié et ses différentes expériences : - fil de contenus privé - publication - likes - commentaires - profils - pages entreprises - événements
- 3
Intégration au back-office
Relier les actions du frontend à WordPress, pour que les utilisateurs créent des contenus et interagissent depuis la plateforme, tout en gardant WordPress comme couche d’administration centrale.
Résultats
La plateforme est en production et activement utilisée.
Le projet a livré une plateforme privée pour les membres sans ajouter de second back-office à côté du site Cluster Montagne existant.
Il a aussi poussé mon travail au-delà d’un site headless classique, vers un environnement plus applicatif : authentification, interactions des utilisateurs, création de contenus et communication dans les deux sens entre le frontend et le CMS.
Conclusion
Ce projet m’a emmené au-delà d’un site headless classique.
J’ai dû penser l’architecture comme une application complète, avec l’authentification, les interactions des utilisateurs, la création de contenus et la communication entre le frontend et le back-office.
Il a changé ma façon d’aborder ce type de projet et m’a apporté une expérience que j’ai pu réinvestir dans les projets suivants.
