Verhuizing van 10+ sites van een groep gelieerde bedrijven van Kashiwabara naar Cloudflare / microCMS

Beveiliging en beheer gecentraliseerd, met behoud van de verschillende sitestructuren

We rebuilt the infrastructure for more than 10 websites operated by Kashiwabara Corporation and its group companies, using Cloudflare as the shared foundation.
Within the group, there are multiple websites with different purposes and operating structures, including corporate sites, brand sites, recruitment sites, and campaign sites.
Rather than replacing all sites with the same technology, this project consolidated DNS, security, delivery, and monitoring into Cloudflare while preserving the structure and operating methods of each site.

For the main corporate and brand sites, we renewed the frontends using Astro and microCMS, balancing stronger group-wide governance with flexible operations suited to each site.

Achtergrond van het project

As the group expanded and strengthened its branding, the number of websites and the volume of content, including videos and images, increased. Because each site was built at different times with different technologies and operating structures, the group faced the following challenges.

• Server and DNS management was spread across different providers for each site.
• Security measures and maintenance methods varied from site to site.
• The growing number of high-quality videos and images increased the load on page delivery.
• Multiple stakeholders, including external vendors, operated different environments.
• Ongoing maintenance costs arose from OS and middleware updates, failure monitoring, and similar tasks.
• It was difficult to get a cross-cutting overview of all websites across the group.

Simply migrating servers would not resolve these challenges, so we rebuilt the web infrastructure for more than 10 public websites operated by Kashiwabara Corporation and its group companies, using Cloudflare as the shared foundation.

Een migratieontwerp dat niet alle sites hetzelfde inricht

Bij de integratie van de groepssites zouden alle sites overzetten naar hetzelfde CMS of framework grote gevolgen hebben voor de bestaande beheerprocessen en de samenwerking met externe leveranciers. Daarom hebben we per site de rol, updatefrequentie, verantwoordelijke partij en toekomstige onderhoudsplannen in kaart gebracht en voor elk een passende migratiemethode gekozen.

Het volledige proces van het migratieontwerp

1. Onderzoek van de opzet, DNS, servers, CMS en beheerstructuur van elke groepssite
2. Rol, updatemethode en betrokken leveranciers per site in kaart gebracht
3. Sites ingedeeld: te moderniseren sites en sites die de bestaande opzet behouden
4. Belangrijkste sites vernieuwd met een opzet van Astro × microCMS
5. Sites die hun bestaande CMS blijven gebruiken, gescheiden van de belangrijkste sites
6. DNS en verkeersroutes van alle sites gebundeld in Cloudflare
7. Beveiligingsinstellingen en monitoringmethoden geïntegreerd in een gezamenlijk beleid voor de groep
8. Stapsgewijs overgeschakeld en overgegaan naar een beheer- en monitoringstructuur na livegang

Door per site rekening te houden met de specifieke omstandigheden en daarboven een gemeenschappelijke basis met Cloudflare aan te brengen, combineren we flexibiliteit met centrale governance.

Opbouw van een gemeenschappelijke basis met Cloudflare

De DNS en het netwerkverkeer van meer dan 10 websites zijn geconsolideerd in Cloudflare.
Ook wanneer de servers en CMS'en per site verschillen, is het contactpunt met internet nu uniform via Cloudflare, waardoor het eenvoudiger is om een gezamenlijk beveiligings- en leverbeleid over de hele groep toe te passen.

Gecentraliseerd DNS-beheer

Het DNS-beheer, dat voorheen per site verspreid was, is geconsolideerd in Cloudflare.
Hierdoor is de configuratie van alle domeinen in één overzicht inzichtelijk, en is een beheerinfrastructuur ontstaan die het eenvoudig maakt om sites toe te voegen, te migreren of instellingen aan te passen.

Contentlevering via CDN

Statische bestanden zoals afbeeldingen, video's, CSS en JavaScript worden via het netwerk van Cloudflare geleverd, waardoor de belasting op de originele servers afneemt.
Ook voor sites met veel rijke content is zo een stabiele levering gerealiseerd.

Uniform beveiligingsbeleid

Cloudflare is voor elke site als voorlaag geplaatst, zodat functies zoals WAF en DDoS-bescherming beschikbaar zijn.
In plaats van uitsluitend op individuele servers te vertrouwen, wordt het verkeer via een gezamenlijk toegangspunt voor de hele groep beheerd, waardoor beveiligingsmaatregelen die per site verschilden eenvoudiger te uniformeren zijn.

Gedeelde componenten gebouwd met Astro × microCMS en uitgerold over meerdere sites

Bij belangrijke corporate- en merksites hebben we Astro en microCMS ingezet om de frontend en het contentbeheer te vernieuwen.

In plaats van voor elke site een volledig nieuwe omgeving op te zetten, hebben we implementaties en instellingen die op meerdere sites bruikbaar zijn gestroomlijnd en een set gedeelde componenten op basis van Astro gebouwd. Op elke site zijn vervolgens het ontwerp, de content en de benodigde functies individueel geïmplementeerd met behulp van deze gedeelde componenten.

De opzet respecteert de identiteit en beheerrichtlijnen van elke site, en houdt kwaliteit, onderhoudbaarheid en ontwikkelefficiëntie over de hele groep op een consistent niveau.

Gedeeld en toch een eigen karakter per site

In plaats van alle sites dezelfde vormgeving of functies te geven, hebben we alleen de technische basis gedeeld.
Het ontwerp, de contentstructuur en de benodigde functies van elke site kunnen individueel worden ontworpen, zodat merkuitingen en beheerwijzen behouden blijven en toch de voordelen van een gedeelde basis worden benut.

Een frontend die alleen de onderdelen aanstuurt die dat nodig hebben

Dankzij de island-architectuur van Astro wordt JavaScript alleen uitgevoerd op de onderdelen die interactie vereisen.
Door niet op elke pagina uniform JavaScript te laden, hebben we zowel rijke presentaties met video's en hoogwaardige afbeeldingen als lichte webpagina's gerealiseerd.

Contentbeheer met microCMS

Voor contentbeheer is de headless CMS microCMS gekozen.
Doordat de frontend die de content weergeeft gescheiden is van het CMS dat de informatie beheert, kan het ontwerp en de functionaliteit per site flexibel worden ingericht, terwijl medewerkers de content dagelijks zelf kunnen bijwerken.

Een basis die eenvoudig te ontwikkelen en te onderhouden is

Door gebruik te maken van een gedeeld pakket is voorkomen dat er per site ongecontroleerd verschillende implementaties en instellingen ontstaan.
Het is eenvoudiger om nieuwe sites op te zetten, functies aan bestaande sites toe te voegen en gedeelde onderdelen bij te werken, waardoor een ontwikkelbasis is gerealiseerd die de groep sites op middellange tot lange termijn ondersteunt.

Daarnaast is de architectuur grotendeels gebaseerd op statische levering, waardoor de beheerlast van OS en middleware, die voorheen nodig was, is verminderd. Hierdoor kunnen we onze middelen meer richten op contentbeheer en het verbeteren van de site, in plaats van vooral op onderhoud.

Referentieartikel
https://www.liberogic.jp/topics/20250804-AstroComponent/

Scheiding van omgevingen om het bestaande CMS te behouden

Voor sites waarbij samenwerking met externe leveranciers en snelle updates prioriteit hebben, zoals werving- en campagnesites, blijven we bestaande CMS-oplossingen zoals WordPress en Movable Type gebruiken. Met het oog op beveiliging hebben we deze echter niet in dezelfde omgeving als de belangrijkste sites ondergebracht, maar gescheiden op eigen servers en in een afzonderlijke beheeromgeving.
Mocht er ooit een probleem optreden in een van de CMS-systemen of servers, dan blijft de impact daardoor beperkt.
Zonder de bestaande productie- en beheerprocessen ingrijpend te wijzigen, hebben we het risicobeheer voor de hele groep versterkt.

Afzonderlijke siteconfiguraties verbonden via Cloudflare

De belangrijkste sites en de bestaande CMS-sites worden elk in een afzonderlijke omgeving beheerd.
Tegelijkertijd worden DNS, communicatie, beveiliging en monitoring beheerd volgens een gemeenschappelijk beleid, met Cloudflare als kern.

Zo behouden we voor elke site de technologie en beheerstructuur die daarbij past, terwijl we binnen de hele groep een gecontroleerd webfundament hebben gerealiseerd.

Veranderingen na de invoering

geen "uniformering" van meerdere sites, maar "integratie"

In dit project zijn we niet alle meer dan 10 websites naar dezelfde technologie overgezet. In plaats daarvan hebben we per site een opzet behouden die past bij het doel en de beheerorganisatie.

Daarnaast hebben we Cloudflare als gedeelde basis voor de hele groep ingericht, waarin DNS, verkeer, beveiliging en monitoring zijn samengebracht.

De belangrijkste sites hebben we gemoderniseerd met Astro × microCMS, terwijl sites die op het bestaande CMS blijven draaien in een afzonderlijke omgeving zijn ondergebracht. Zo hebben we een goede balans gevonden tussen prestaties, beheerbaarheid en beveiliging.

Het belangrijkste punt van deze vernieuwing van de webinfrastructuur was niet om alle sites geforceerd gelijk te trekken, maar om het geheel centraal te kunnen beheren terwijl de verschillen tussen de sites behouden blijven.

Een project dat mogelijk is gemaakt door het begrip en de samenwerking van het team

Dit project omvatte meer dan 10 websites die we naar een gemeenschappelijk platform migreerden, terwijl elke site operationeel bleef. Het was niet alleen technisch uitdagend, maar ook qua samenwerking tussen de betrokken partijen een zeer ambitieus traject.

Dat we elke site, met haar eigen doelen, beheerstructuur en bestaande productieprocessen, hebben kunnen ordenen en naar een toekomstbestendig nieuw fundament konden overzetten, is te danken aan het grote begrip van het KASHIWABARA-team, dat veranderingen positief tegemoet trad en het project actief heeft gesteund.

Ook willen we het team van NDC Inc., dat verantwoordelijk was voor branding en creatie, en het team van Originaltext Co., Ltd., dat de algehele voortgang en opzet van het project ondersteunde, hartelijk bedanken. Daarnaast danken we alle partners die betrokken waren bij de productie en het beheer van de afzonderlijke sites voor hun waardevolle medewerking.

Teamleden met verschillende achtergronden en expertises brachten hun kennis in, respecteerden de bestaande systemen en werkten samen naar het gemeenschappelijke doel van een betere webfundering. Dat gezamenlijke streven was een belangrijke drijfveer om dit project tot een succesvol einde te brengen.