Migración de más de 10 sitios de las empresas afiliadas del Grupo Kashiwabara al entorno de Cloudflare / microCMS

Centralización de la seguridad y la operación, manteniendo la diversidad de estructuras de los distintos sitios

Reconstruimos la infraestructura de más de 10 sitios web operados por Kashiwabara Corporation y sus empresas del grupo, utilizando Cloudflare como base común.
Dentro del grupo existen varios sitios web con objetivos y modelos operativos distintos: sitios corporativos, sitios de marca, sitios de reclutamiento y sitios de campañas.
En este proyecto, en lugar de migrar todos los sitios a una misma tecnología, consolidamos en Cloudflare la gestión de DNS, la seguridad, la distribución de contenido y la monitorización, aprovechando la estructura y la forma de operar de cada sitio.

En los principales sitios corporativos y de marca, renovamos el frontend con Astro y microCMS, logrando a la vez reforzar la gobernanza de todo el grupo y mantener una operación flexible adaptada a cada sitio.

Antecedentes del proyecto

Con la expansión del negocio del grupo y el refuerzo de su imagen de marca, aumentaron tanto el número de sitios web como la cantidad de contenido, como vídeos e imágenes. Además, cada sitio se construyó en distintos momentos y con tecnologías y modelos operativos diferentes, lo que generó los siguientes problemas.

• La gestión de servidores y DNS está dispersa entre los distintos sitios.
• Las medidas de seguridad y los métodos de mantenimiento varían según el sitio.
• El aumento de vídeos e imágenes de alta calidad incrementa la carga de visualización.
• Varias partes implicadas, incluidos proveedores externos, operan entornos diferentes.
• Las actualizaciones de sistema operativo y middleware, así como la supervisión de incidencias, generan costes continuos de mantenimiento.
• Resulta difícil tener una visión global de todos los sitios web del grupo.

Trasladar simplemente los servidores no resuelve estos problemas, por lo que reconstruimos la infraestructura web de más de 10 sitios públicos operados por Kashiwabara Corporation y sus empresas del grupo, utilizando Cloudflare como base común.

Un diseño de migración que no unifica todos los sitios bajo la misma estructura

Al integrar los sitios del grupo, cambiar todos los sitios a un mismo CMS o framework habría afectado significativamente los flujos operativos existentes y la colaboración con proveedores externos. Por ello, organizamos la función, la frecuencia de actualización, los responsables de la operación y los planes de mejora futuros de cada sitio, y seleccionamos un método de migración adecuado para cada uno.

Flujo general del diseño de migración

1. Investigación de la configuración de cada sitio del grupo, DNS, servidores, CMS y estructura operativa
2. Organización de la función de cada sitio, sus métodos de actualización y los proveedores involucrados
3. Clasificación de los sitios a modernizar y de los que mantendrán su estructura actual
4. Renovación de los sitios principales con una arquitectura Astro × microCMS
5. Los sitios que siguen usando su CMS existente se separan de los sitios principales en un entorno independiente
6. Consolidación de DNS y rutas de comunicación de todos los sitios en Cloudflare
7. Integración de la configuración de seguridad y los métodos de monitoreo en una política común del grupo
8. Migración por etapas, seguida de la transición a la operación y el esquema de monitoreo posteriores a la publicación

Respetando las particularidades de cada sitio, establecimos una base común con Cloudflare por encima de ellos, logrando tanto flexibilidad como gobernanza.

Construcción de una base común con Cloudflare

Consolidamos el DNS y las rutas de comunicación de más de 10 sitios web en Cloudflare.
Incluso cuando los servidores y CMS de cada sitio son distintos, unificar el punto de contacto con Internet en Cloudflare facilita aplicar políticas comunes de seguridad y distribución en todo el grupo.

Centralización de la gestión de DNS

Consolidamos en Cloudflare la gestión de DNS, que anteriormente estaba dispersa entre los distintos sitios.
Ahora es posible revisar de forma transversal la configuración de cada dominio, y hemos establecido una base operativa que facilita añadir sitios, migrarlos y modificar configuraciones.

Distribución de contenido mediante CDN

Al distribuir archivos estáticos como imágenes, vídeos, CSS y JavaScript a través de la red de Cloudflare, reducimos la carga sobre los servidores de origen.
Incluso en sitios con abundante contenido multimedia, construimos una infraestructura de distribución que garantiza una visualización estable.

Unificación de políticas de seguridad

Colocamos Cloudflare delante de cada sitio, con una configuración que permite aprovechar funciones de seguridad como WAF y protección DDoS.
En lugar de depender únicamente de servidores individuales, controlamos el tráfico desde un punto de entrada común al grupo, lo que facilita unificar medidas de seguridad que antes variaban según el sitio.

Creación de componentes comunes con Astro × microCMS y despliegue en múltiples sitios

En los principales sitios corporativos y de marca, hemos renovado el frontend y la infraestructura de gestión de contenidos adoptando Astro y microCMS.

En lugar de construir un entorno desde cero para cada sitio, organizamos implementaciones y configuraciones reutilizables en varios sitios y creamos componentes comunes basados en Astro. Cada sitio aprovecha estos componentes comunes mientras el diseño, el contenido y las funciones necesarias se implementan de forma individual.

La estructura respeta la identidad de marca y la política operativa de cada sitio, y mantiene la calidad, la facilidad de mantenimiento y la eficiencia de desarrollo en un nivel uniforme en todo el grupo de sitios.

Compartir la base técnica sin perder la identidad de cada sitio

En lugar de unificar todos los sitios con el mismo diseño o las mismas funciones, compartimos únicamente la base técnica.
El diseño, la estructura de contenido y las funciones necesarias de cada sitio pueden diseñarse por separado, de modo que se aprovechan las ventajas de una base común sin comprometer la expresión de cada marca ni sus métodos operativos.

Un frontend que solo activa lo necesario

Gracias a la arquitectura de islas de Astro, el JavaScript solo se ejecuta en las partes que requieren procesamiento interactivo.
Al no cargar JavaScript en toda la página de forma uniforme, logramos combinar expresiones que utilizan vídeo e imágenes de alta calidad con páginas web ligeras.

Gestión de contenidos con microCMS

Para la gestión de contenidos se adoptó microCMS, un CMS headless.
Al separar el frontend que se encarga de la presentación del CMS que administra la información, se puede diseñar el diseño y las funciones de cada sitio de forma flexible, mientras el personal encargado actualiza el contenido a diario.

Una base que facilita el desarrollo y el mantenimiento continuos

El uso de paquetes comunes evita que las implementaciones y configuraciones de cada sitio crezcan de forma desordenada.
Facilita la creación de nuevos sitios, la incorporación de funciones a sitios existentes y la actualización de las partes comunes, lo que permite gestionar los sitios del grupo a medio y largo plazo sobre una base de desarrollo sólida.

Además, gracias a una arquitectura basada principalmente en la entrega de contenido estático, hemos reducido la carga de gestión de sistemas operativos y middleware que antes era necesaria, creando un entorno en el que es más fácil dedicar los recursos a la operación de contenidos y a la mejora del sitio, en lugar de limitarse al mantenimiento.

Artículo de referencia
https://www.liberogic.jp/topics/20250804-AstroComponent/

Separación de entornos para aprovechar el CMS existente

En los sitios que priorizan la colaboración con proveedores externos y la rapidez de actualización, como los sitios de reclutamiento y de campañas, mantenemos los CMS existentes, como WordPress y Movable Type. No obstante, por razones de seguridad, no los hemos mezclado en el mismo entorno que los sitios principales, sino que hemos separado los servidores y los entornos operativos.
Así, en caso de que surja algún problema en cualquiera de los CMS o servidores, el alcance del impacto puede limitarse con facilidad.
Además, hemos reforzado la gestión de riesgos de todo el grupo sin modificar de forma significativa los flujos de producción y operación existentes.

Sitios con configuraciones distintas conectados mediante Cloudflare

Los sitios principales y los sitios con CMS existentes funcionan en entornos independientes.
Sin embargo, el DNS, las comunicaciones, la seguridad y la monitorización se gestionan con una política común centrada en Cloudflare.

De este modo, hemos logrado una infraestructura web controlada a nivel de todo el grupo, manteniendo al mismo tiempo las tecnologías y los equipos operativos más adecuados para cada sitio.

Cambios tras la implementación

Integrar varios sitios en lugar de simplemente "unificarlos"

En este proyecto, en lugar de reemplazar los más de 10 sitios web por una misma tecnología, mantuvimos configuraciones adecuadas para la finalidad y la estructura operativa de cada uno.

Sobre esa base, utilizamos Cloudflare como infraestructura común del grupo, integrando DNS, comunicaciones, seguridad y monitorización.

Los sitios principales se modernizaron con Astro y microCMS, mientras que los sitios que seguirán utilizando su CMS existente se separaron en entornos independientes, logrando un equilibrio entre rendimiento, operabilidad y seguridad.

El punto clave de esta renovación de la infraestructura web fue no forzar la uniformidad entre sitios distintos, sino organizarlos de forma que se aprovechen sus diferencias y se pueda gestionar el conjunto en su totalidad.

Un proyecto posible gracias a la comprensión y colaboración del equipo

Este proyecto, que abarca más de 10 sitios web y migra cada uno a una infraestructura común mientras se mantiene su operación, ha sido un reto muy exigente, no solo en lo técnico, sino también en la coordinación entre las partes involucradas.

Que hayamos podido organizar los distintos objetivos, estructuras operativas y flujos de producción de cada sitio y migrar a una nueva base pensada para el futuro se debe, sin duda, a la profunda comprensión del grupo KASHIWABARA, cuyo equipo acogió el cambio con una actitud positiva e impulsó el proyecto.

Asimismo, agradecemos sinceramente la colaboración de NDC Co., Ltd., responsable de la marca y la parte creativa, y de Original Texto Co., Ltd., que dio soporte a la planificación y la estructura general del proyecto, así como de las numerosas empresas relacionadas que participaron en la producción y operación de cada sitio.

Los miembros, con perspectivas y especialidades diferentes, aportaron sus conocimientos, respetaron los sistemas existentes y avanzaron juntos hacia el objetivo común de una mejor base web. Esa colaboración fue una fuerza clave para llevar este proyecto a su conclusión.