Más de 10 sitios de empresas afiliadas al Grupo Kashiwabara migrados a entorno Cloudflare / microCMS

Centralización de seguridad y operaciones manteniendo diferentes estructuras de sitios

Realizamos la reconstrucción de infraestructura utilizando Cloudflare como plataforma común para más de 10 sitios web operados por Kashiwabara Corporation y sus empresas afiliadas.

Dentro del grupo existen múltiples sitios web con propósitos y estructuras operativas diferentes, incluyendo sitios corporativos, sitios de marca, sitios de reclutamiento y sitios de campaña.

En este proyecto, en lugar de reemplazar uniformemente todos los sitios con la misma tecnología, consolidamos los mecanismos de DNS, seguridad, distribución y monitoreo en Cloudflare mientras preservábamos la configuración y métodos operativos de cada sitio.

Para los principales sitios corporativos y de marca, renovamos el frontend adoptando Astro y microCMS. Nos enfocamos en fortalecer la gobernanza del grupo completo mientras logramos operaciones flexibles adaptadas a cada sitio.

Antecedentes del proyecto

Con la expansión empresarial del grupo y el fortalecimiento de su marca, aumentó la cantidad de sitios web y el volumen de contenido como videos e imágenes publicados.

Por otro lado, cada sitio fue construido en diferentes períodos con diferentes tecnologías y estructuras operativas, lo que generó los siguientes desafíos.

• Los servidores y la gestión de DNS están distribuidos entre diferentes sitios
• Las medidas de seguridad y los métodos de mantenimiento varían según el sitio
• La carga de visualización aumenta debido al incremento de videos e imágenes de alta resolución
• Múltiples partes interesadas, incluidos proveedores externos, operan entornos diferentes
• Se generan costos de mantenimiento continuos para actualizaciones del SO, middleware y monitoreo de fallos
• Es difícil gestionar los sitios web de todo el grupo de manera transversal

Simplemente trasladar el servidor no resuelve estos problemas.

Por eso, para más de 10 sitios web públicos operados por Kashiwabara Corporation y sus empresas relacionadas, realizamos una reconstrucción de la infraestructura web con Cloudflare como plataforma común.

Diseño de migración sin estandarizar todo en una misma configuración

En la consolidación de sitios de grupo, si se cambian todos los sitios al mismo CMS o framework, se genera un impacto significativo en los flujos operativos existentes y la colaboración con proveedores externos.

En este proyecto, organizamos el rol del sitio, la frecuencia de actualizaciones, la entidad operativa y los planes de mejora futuros, y seleccionamos el método de migración más apropiado para cada uno.

Flujo completo del diseño de migración

1. Investigar la estructura, DNS, servidor, CMS y estructura operativa de cada sitio del grupo
2. Organizar el rol y método de actualización de cada sitio, así como los proveedores relacionados
3. Clasificar los sitios que se modernizarán de aquellos que mantendrán la configuración existente
4. Renovar los sitios principales con una configuración de Astro × microCMS
5. Aislar el entorno de los sitios que continúan con el CMS existente del sitio principal
6. Centralizar todo el DNS y las rutas de comunicación de los sitios en Cloudflare
7. Integrar la configuración de seguridad y los métodos de monitoreo en una política común del grupo
8. Cambiar gradualmente y realizar la transición hacia el régimen operativo y de monitoreo posterior al lanzamiento

Respetamos las circunstancias particulares de cada sitio, y al establecer una infraestructura común basada en Cloudflare por encima de ellas, logramos compatibilidad entre flexibilidad y gobernanza.

Construcción de una infraestructura común basada en Cloudflare

Consolidamos el DNS y las rutas de comunicación de más de 10 sitios web en Cloudflare.

Aunque los servidores y CMS de cada sitio sean diferentes, unificamos el punto de conexión con Internet en Cloudflare, lo que facilita la aplicación de políticas de seguridad y distribución comunes en toda el grupo.

Centralización de la gestión de DNS

Consolidamos la gestión de DNS, que estaba distribuida entre diferentes sitios, en Cloudflare.

Ahora podemos comprender de manera transversal el estado de configuración de cada dominio, y hemos establecido una base operativa que facilita la adición de sitios, migraciones y cambios de configuración.

Entrega de contenido mediante CDN

Distribuimos archivos estáticos como imágenes, videos, CSS y JavaScript a través de la red de Cloudflare, lo que reduce la carga en los servidores de origen.

Incluso en sitios que hacen un uso intensivo de contenido enriquecido, hemos construido una infraestructura de distribución que garantiza una visualización estable.

Unificación de políticas de seguridad

Configuramos Cloudflare en la primera capa de cada sitio para aprovechar funciones de seguridad como WAF y protección contra DDoS.

En lugar de depender únicamente de servidores individuales, controlamos la comunicación en la puerta de entrada común del grupo, lo que facilita la unificación de las medidas de seguridad que antes diferían de un sitio a otro.

Construcción de componentes comunes con Astro × microCMS e implementación en múltiples sitios

En los principales sitios corporativos y de marca, adoptamos Astro y microCMS para modernizar nuestra implementación de frontend y base de gestión de contenidos.

En lugar de construir entornos independientes desde cero para cada sitio, organizamos implementaciones y configuraciones que pueden compartirse entre varios sitios y construimos componentes comunes basados en Astro. Cada sitio utiliza estos componentes comunes mientras implementa de forma individual su diseño, contenido y funcionalidades necesarias.

De esta forma, respetamos la marca y políticas operativas de cada sitio, mientras mantenemos un nivel consistente de calidad, mantenibilidad y eficiencia de desarrollo en todo el grupo.

Mantener la individualidad de cada sitio mientras se comparte la base técnica

No unificamos todos los sitios bajo el mismo diseño o funcionalidad, sino que compartimos únicamente la base técnica.

Dado que el diseño, la estructura de contenido y las funcionalidades necesarias de cada sitio se pueden diseñar de forma individual, podemos aprovechar los beneficios de una base común sin comprometer la expresión de marca ni los métodos operativos de cada una.

Frontend que mueve solo lo necesario

Con la arquitectura de islas de Astro, JavaScript se ejecuta solo en las áreas que requieren procesamiento interactivo.

Al no cargar JavaScript de manera uniforme en toda la página, hemos logrado combinar expresiones que utilizan videos e imágenes de alta calidad con páginas web ligeras.

Gestión de contenidos con microCMS

Para la gestión de contenidos, adoptamos microCMS, un headless CMS.

Al separar el frontend que se encarga de la presentación del CMS que gestiona la información, diseñamos una estructura que permite a los responsables actualizar contenidos de forma continua mientras se mantiene flexibilidad en el diseño y funcionalidades de cada sitio.

Una base de desarrollo que facilita el mantenimiento continuo

Al aprovechar paquetes comunes, redujimos el crecimiento desordenado de implementaciones y configuraciones distintas en cada sitio.

Facilitamos la construcción de nuevos sitios, la adición de funcionalidades en sitios existentes y las actualizaciones de componentes compartidos, logrando una base de desarrollo que permite operar múltiples sitios de grupos a mediano y largo plazo.

Además, con una estructura centrada en entrega estática, aliviamos la carga de gestión de sistemas operativos y middleware que anteriormente era necesaria. Esto nos permitió crear un entorno donde podemos dedicar recursos no solo a tareas de mantenimiento, sino también a la operación de contenidos y mejoras del sitio.

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

Separación de entornos para optimizar el CMS existente

Para sitios como portales de empleo y sitios de campaña, donde es prioritario coordinar con proveedores externos y acelerar la velocidad de actualización, continuamos utilizando CMS existentes como WordPress y Movable Type.

Sin embargo, en lugar de mezclarlos en el mismo entorno que el sitio principal, hemos separado el servidor y el entorno operativo.

Esta configuración facilita limitar el alcance del impacto en caso de que surja algún problema en cualquiera de los CMS o servidores.

Fortalecemos la gestión de riesgos en todo el grupo sin hacer cambios significativos en los flujos de producción y operación existentes.

Conexión de configuraciones diferentes por sitio a través de Cloudflare

El sitio principal y los sitios con CMS existentes se operan en entornos independientes.

Por otro lado, DNS, comunicaciones, seguridad y monitoreo se gestionan con una política común centrada en Cloudflare.

De esta manera, mantenemos la tecnología y la estructura operativa adecuadas para cada sitio, mientras que a nivel de grupo logramos una infraestructura web controlada y coherente.

Cambios después de la implementación

Integración en lugar de unificación de múltiples sitios

En este proyecto, en lugar de reemplazar 10 o más sitios web con la misma tecnología, mantuvimos configuraciones adaptadas al propósito y estructura operativa de cada uno.

Además, utilizamos Cloudflare como base compartida del grupo para integrar DNS, comunicación, seguridad y monitoreo.

El sitio principal se modernizó mediante Astro × microCMS, y los sitios con CMS existentes se separaron a un entorno independiente, logrando un equilibrio entre rendimiento, operabilidad y seguridad.

En lugar de forzar la uniformidad entre sitios diferentes, el punto clave de esta renovación de la base web fue organizar la gestión general aprovechando las diferencias de cada uno.

Un proyecto realizado mediante la comprensión y cooperación del equipo

Este proyecto, que abarcaba más de 10 sitios web y requería migrar a una plataforma común mientras se mantenía la operación de cada uno, fue una iniciativa muy desafiante no solo desde el punto de vista técnico, sino también en cuanto a la coordinación entre las partes interesadas.

Fue posible migrar a una nueva plataforma futura considerando los diferentes propósitos, estructuras operativas y flujos de producción existentes de cada sitio, gracias a la profunda comprensión del grupo KASHIWABARA, que aceptó el cambio de manera positiva e impulsó el proyecto.

También contamos con la amplia colaboración de los equipos de NDC Corporation, que se encargaron de la marca y el diseño creativo, así como de Original Text Corporation, que apoyó la ejecución y estructura general del proyecto, y de todas las empresas relacionadas involucradas en la producción y operación de cada sitio.

El hecho de que miembros con diferentes perspectivas y áreas de especialidad convergieran con su experiencia individual, respetando los sistemas existentes y orientándose hacia el objetivo común de una mejor plataforma web, fue una fuerza decisiva que llevó a la conclusión de este proyecto.