Migration de plus de 10 sites des sociétés affiliées du groupe Kashiwabara vers un environnement Cloudflare / microCMS

Centralisation de la sécurité et de l'exploitation tout en préservant les différentes architectures de sites

Nous avons reconstruit l'infrastructure de plus de 10 sites web exploités par Kashiwabara Corporation et ses sociétés affiliées, en nous appuyant sur Cloudflare comme socle commun.
Le groupe compte plusieurs sites web aux objectifs et aux modes d'exploitation différents : site institutionnel, site de marque, site de recrutement, site de campagne, etc.
Plutôt que de remplacer uniformément toutes les technologies, le projet a consolidé la gestion DNS, la sécurité, la diffusion et la surveillance sur Cloudflare, tout en préservant la structure et les méthodes d'exploitation propres à chaque site.

Pour les principaux sites institutionnels et de marque, nous avons refondu le frontend avec Astro et microCMS, afin de concilier un renforcement de la gouvernance à l'échelle du groupe et une exploitation souple, adaptée à chaque site.

Contexte du projet

Avec l'expansion des activités du groupe et le renforcement de sa image de marque, le nombre de sites web ainsi que le volume de contenus, notamment les vidéos et les images, ont augmenté. Chaque site ayant été développé à des périodes différentes, avec des technologies et des organisations d'exploitation distinctes, plusieurs difficultés sont apparues.

• La gestion des serveurs et des DNS est répartie entre différents prestataires selon les sites.
• Les mesures de sécurité et les méthodes de maintenance varient d'un site à l'autre.
• La multiplication des vidéos et images haute définition alourdit la charge d'affichage.
• Plusieurs acteurs, y compris des prestataires externes, exploitent chacun des environnements différents.
• Les mises à jour du système d'exploitation et des middlewares, ainsi que la surveillance des pannes, génèrent des coûts de maintenance récurrents.
• Il est difficile d'avoir une vue d'ensemble transversale de l'ensemble des sites web du groupe.

Un simple transfert de serveurs ne suffisait pas à résoudre ces problèmes. Nous avons donc reconstruit l'infrastructure web des plus de 10 sites publics exploités par Kashiwabara Corporation et ses sociétés affiliées, en prenant Cloudflare comme socle commun.

Une stratégie de migration qui ne repose pas sur une configuration unique

Pour l'intégration des sites du groupe, migrer tous les sites vers un même CMS ou framework aurait fortement perturbé les flux opérationnels existants et les collaborations avec les prestataires externes. Nous avons donc analysé le rôle, la fréquence de mise à jour, le mode de gestion et les projets de refonte futurs de chaque site, puis choisi pour chacun la méthode de migration la plus adaptée.

Flux global de la conception de migration

1. Analyse de la structure de chaque site du groupe, du DNS, des serveurs, du CMS et de l'organisation opérationnelle
2. Structuration du rôle et du mode de mise à jour de chaque site, ainsi que des prestataires concernés
3. Classement des sites à moderniser et de ceux dont la configuration existante est maintenue
4. Refonte des sites principaux avec Astro et microCMS
5. Pour les sites continuant d'utiliser le CMS existant, séparation de l'environnement par rapport aux sites principaux
6. Centralisation du DNS et des chemins de communication de tous les sites sur Cloudflare
7. Intégration des paramètres de sécurité et des méthodes de surveillance dans une politique commune au groupe
8. Basculement progressif, puis transition vers un dispositif d'exploitation et de surveillance après la mise en ligne

Tout en respectant les spécificités de chaque site, nous avons mis en place une infrastructure commune reposant sur Cloudflare au-dessus de l'ensemble. Cette approche concilie flexibilité et gouvernance.

Mise en place d'une infrastructure commune sur Cloudflare

Les DNS et les flux de communication de plus de 10 sites web ont été regroupés sur Cloudflare.
Même lorsque les serveurs et les CMS diffèrent d'un site à l'autre, l'architecture unifie les points d'entrée vers Internet sur Cloudflare, ce qui facilite l'application d'une politique de sécurité et de diffusion commune à l'ensemble du groupe.

Centralisation de la gestion DNS

La gestion DNS, jusque-là dispersée entre les sites, a été centralisée sur Cloudflare.
Il est désormais possible d'avoir une vue transversale de la configuration de chaque domaine, et une base d'exploitation qui facilite l'ajout de sites, les migrations et les modifications de configuration.

Diffusion de contenu via CDN

Les fichiers statiques, tels que les images, vidéos, CSS et JavaScript, sont distribués via le réseau de Cloudflare, ce qui réduit la charge sur les serveurs d'origine.
Une infrastructure de diffusion robuste a ainsi été mise en place pour assurer un affichage stable, y compris sur les sites riches en contenus multimédias.

Harmonisation de la politique de sécurité

Cloudflare a été placé en amont de chaque site, permettant d'exploiter des fonctions de sécurité telles que le WAF et la protection contre les attaques DDoS.
Plutôt que de dépendre de serveurs individuels, le trafic est contrôlé à un point d'entrée commun au groupe, ce qui permet d'harmoniser les mesures de sécurité qui variaient auparavant d'un site à l'autre.

Développement de composants communs Astro × microCMS déployés sur plusieurs sites

Pour les principaux sites institutionnels et de marque, nous avons adopté Astro et microCMS afin de refondre le frontend et la plateforme de gestion de contenu.

Plutôt que de construire un environnement distinct from zéro pour chaque site, nous avons identifié les implémentations et paramètres pouvant être partagés entre plusieurs sites et créé des composants communs basés sur Astro. Chaque site a ensuite été doté de son propre design, de son contenu et des fonctionnalités nécessaires, en s'appuyant sur ces composants communs.

Cette architecture respecte l'identité de marque et les orientations opérationnelles de chaque site, tout en maintenant un niveau de qualité, de maintenabilité et d'efficacité de développement homogène à l'échelle de l'ensemble des sites du groupe.

Mutualiser sans uniformiser

Plutôt que d'uniformiser le design et les fonctionnalités de tous les sites, nous n'avons mutualisé que la base technique.
Le design, la structure de contenu et les fonctionnalités de chaque site peuvent être conçus individuellement, ce qui permet de préserver l'expression propre à chaque marque et ses méthodes d'exploitation tout en profitant des avantages d'une infrastructure commune.

Un frontend qui n'active que là où c'est nécessaire

Grâce à l'architecture en îlots d'Astro, JavaScript n'est exécuté que là où un traitement interactif est nécessaire.
En évitant de charger JavaScript uniformément sur l'ensemble de la page, nous avons conjugué des expressions visuelles riches, intégrant vidéos et images haute résolution, avec des pages web légères.

Gestion du contenu avec microCMS

Pour la gestion de contenu, nous avons adopté microCMS, un CMS headless.
En séparant le frontend chargé de l'affichage du CMS qui gère les informations, nous pouvons concevoir le design et les fonctionnalités de chaque site avec souplesse, tout en permettant aux équipes de mettre à jour le contenu au quotidien.

Une base facile à développer et à maintenir

En tirant parti de packages communs, nous avons limité la multiplication désordonnée des implémentations et paramètres propres à chaque site.
Il est désormais plus simple de créer de nouveaux sites, d'ajouter des fonctionnalités à des sites existants et de mettre à jour les parties communes, ce qui fournit une base de développement permettant d'exploiter les sites du groupe sur le moyen et long terme.

Par ailleurs, grâce à une architecture reposant principalement sur la diffusion statique, la charge de gestion liée aux OS et aux middlewares, auparavant nécessaire, a été allégée. Nous avons ainsi mis en place un environnement permettant de se concentrer sur l'exploitation du contenu et l'amélioration des sites, plutôt que de consacrer toutes les ressources à la maintenance.

Article de référence
https://www.liberogic.jp/topics/20250804-AstroComponent/

Séparation des environnements pour tirer parti du CMS existant

Pour les sites de recrutement, les sites de campagne et autres sites privilégiant la collaboration avec des prestataires externes ou la rapidité de mise à jour, nous continuons d'utiliser les CMS existants tels que WordPress et Movable Type. Toutefois, afin de renforcer la sécurité, ces sites ne sont pas hébergés dans le même environnement que les sites principaux : nous avons séparé les serveurs et les environnements d'exploitation.
En cas de problème sur l'un des CMS ou serveurs, la zone d'impact reste facilement limitée.
Cette organisation renforce la gestion des risques à l'échelle du groupe sans modifier de manière importante les processus de production et d'exploitation existants.

Des configurations propres à chaque site, connectées via Cloudflare

Les sites principaux et les sites fonctionnant sur des CMS existants sont exploités dans des environnements indépendants.
En revanche, le DNS, la communication, la sécurité et la surveillance sont gérés selon une politique commune centrée sur Cloudflare.

Ainsi, tout en conservant des technologies et des structures d'exploitation adaptées à chaque site, nous avons mis en place une infrastructure Web maîtrisée à l'échelle du groupe.

Changements après la mise en place

Plutôt qu'« uniformiser » plusieurs sites, nous avons choisi de les « intégrer »

Dans ce projet, plutôt que de remplacer les plus de 10 sites Web par une seule et même technologie, nous avons conservé pour chacun une architecture adaptée à ses objectifs et à son organisation opérationnelle.

Cloudflare a ensuite été intégré comme infrastructure commune au groupe, regroupant le DNS, les communications, la sécurité et la supervision.

Les sites principaux ont été modernisés avec Astro et microCMS, tandis que les sites qui continuent d'utiliser leur CMS existant ont été séparés dans des environnements indépendants, afin de trouver un équilibre entre performance, exploitabilité et sécurité.

Le point clé de cette refonte de l'infrastructure Web a consisté à mettre en place un système permettant de gérer l'ensemble tout en tirant parti des différences entre les sites, plutôt que de les uniformiser de force.

Un projet rendu possible par la compréhension et la collaboration de l'équipe

Ce projet, qui consiste à migrer plus de dix sites Web vers une infrastructure commune tout en poursuivant leur exploitation, a représenté un défi considérable, tant sur le plan technique que sur celui de la coordination entre les parties prenantes.

La migration vers une nouvelle infrastructure tournée vers l'avenir, après avoir clarifié les objectifs, les structures d'exploitation et les processus de production propres à chaque site, n'a été possible que grâce à la profonde compréhension des membres du groupe KASHIWABARA, qui ont accueilli le changement positivement et porté ce projet.

Nous remercions également les équipes de NDC Co., Ltd., en charge de la marque et de la création, ainsi que celles d'Original Texte Co., Ltd., qui ont soutenu la coordination et la structuration de l'ensemble du projet, ainsi que toutes les entreprises partenaires impliquées dans la production et l'exploitation des différents sites, pour leur précieuse collaboration.

Des membres aux parcours et aux domaines d'expertise différents ont su mettre en commun leurs connaissances, tout en respectant les systèmes existants, et avancer vers l'objectif commun d'une meilleure infrastructure Web. Ce fut une force déterminante qui a permis de mener ce projet à son terme.