Migratie van meer dan 10 Kashiwabara Group-websites naar Cloudflare / microCMS-omgeving

Beveiliging en beheer centraliseren met behoud van verschillende site-configuraties

We hebben meer dan 10 websites die door Kashiwabara Corporation en groepsbedrijven worden beheerd, opnieuw opgebouwd met Cloudflare als gemeenschappelijke infrastructuurvoet.

Binnen de groep bestaan meerdere websites met verschillende doelen en beheerstructuren: corporate sites, brand sites, recruitment sites en campaign sites.

In plaats van alle sites uniform naar dezelfde technologie te converteren, hebben we in dit project DNS, beveiliging, content delivery en monitoring naar Cloudflare geconcentreerd, terwijl we de afzonderlijke configuraties en beheerprocessen behielden.

Voor de belangrijkste corporate en brand sites hebben we de frontend vernieuwd met Astro en microCMS. Dit bereikt zowel versterking van de groepsgovernance als flexibele activiteiten die geschikt zijn voor elke site.

Achtergrond van het project

Met de bedrijfsuitbreiding en merkversterking van de groep nam het aantal websites en de hoeveelheid inhoud zoals video's en afbeeldingen toe.

Anderzijds werden de sites op verschillende momenten gebouwd met verschillende technologieën en beheerstructuren, wat tot de volgende problemen leidde.

• Server- en DNS-beheer is per site verspreid
• Beveiligingsmaatregelen en onderhoudsmethoden verschillen per site
• Toename van high-definition video's en afbeeldingen veroorzaakt hogere laadbelasting
• Meerdere stakeholders, inclusief externe leveranciers, beheren elk hun eigen omgevingen
• Voortdurende onderhoudskosten ontstaan door OS- en middleware-updates, foutbewaking en meer
• Het is moeilijk om alle websites van de groep op één lijn te zien

Het verplaatsen van servers alleen zal deze problemen niet oplossen.

Daarom hebben wij voor Kashiwabara Corporation en hun groepsbedrijven een webinfrastructuur opnieuw opgebouwd op basis van Cloudflare als gemeenschappelijk platform voor meer dan tien openbare websites.

Migratieontwerp zonder alles gelijk te maken

Bij groepswebsiteconsolidatie zal het wijzigen van alle sites naar dezelfde CMS of hetzelfde framework grote gevolgen hebben voor bestaande werkprocessen en integratie met externe partners.

In dit project hebben we de rol van elke site, updatefrequentie, operationele eigenaar en toekomstige wijzigingsplannen in kaart gebracht en voor elk de meest geschikte migratieaanpak gekozen.

Volledige flow van migratieontwerp

1. Inventariseer de samenstelling, DNS, servers, CMS en operationele structuur van alle groepsites
2. Clarifieer de rol van elke site, updatemethoden en betrokken leveranciers
3. Categoriseer sites die gemoderniseerd worden en sites waar de huidige configuratie blijft
4. Vernieuw primaire sites naar een Astro × microCMS-structuur
5. Isoleer de omgeving van sites die het bestaande CMS blijven gebruiken van de primaire sites
6. Consolideer DNS en communicatiepaden van alle sites naar Cloudflare
7. Integreer beveiligingsinstellingen en monitoringmethoden volgens groepsbrede richtlijnen
8. Voer geleidelijk uit, migreer naar operationeel en monitoringsysteem na publicatie

We respecteren de specifieke behoeften van elke site, terwijl we tegelijkertijd een gemeenschappelijke basis met Cloudflare implementeren om flexibiliteit en governance met elkaar in evenwicht te brengen.

Opbouw van een gemeenschappelijke basis met Cloudflare

We hebben DNS en communicatieroutes van meer dan 10 websites geconsolideerd naar Cloudflare.

Zelfs wanneer elke site verschillende servers of CMS-systemen gebruikt, hebben we het contactpunt met het internet gestandardiseerd via Cloudflare. Dit maakt het gemakkelijker om consistent beveiligings- en distributiebeleid toe te passen op de hele groep.

Centralisering van DNS-beheer

We hebben DNS-beheer dat eerder per site was verdeeld, geconsolideerd naar Cloudflare.

We kunnen nu de configuratiestatus van alle domeinen in één oogopslag zien, wat resulteert in een operationele basis die beter geschikt is voor siteontwikkeling, migraties en configuratiewijzigingen.

Inhoudslevering via CDN

We leveren statische bestanden zoals afbeeldingen, video's, CSS en JavaScript via het Cloudflare-netwerk, waardoor de belasting op de oorsprongsserver afneemt.

We hebben een betrouwbare distributie-infrastructuur gebouwd die stabiele weergave ondersteunt, zelfs voor sites die intensief met rich content werken.

Uniforme veiligheidsbeleid

We hebben Cloudflare voor elk site geplaatst, zodat we veiligheidsfuncties zoals WAF en DDoS-bescherming kunnen benutten.

In plaats van alleen afhankelijk te zijn van afzonderlijke servers, controleren we communicatie via een gemeenschappelijk ingangspoint voor de groep. Dit maakt het gemakkelijker om veiligheidsmaatregelen die per site verschilden, te standaardiseren.

Veelgebruikte componenten bouwen met Astro × microCMS en deze over meerdere sites uitrollen

Voor de belangrijkste bedrijfswebsites en merkwebsites hebben we Astro en microCMS ingevoerd om de frontend en contentmanagementen basis te vernieuwen.

In plaats van voor elke site een unieke omgeving helemaal opnieuw te bouwen, hebben we implementaties en instellingen georganiseerd die door meerdere sites kunnen worden gebruikt, en hebben we veelgebruikte componenten op basis van Astro gebouwd. Elke site maakt gebruik van deze veelgebruikte componenten, terwijl design, content en benodigde functionaliteit afzonderlijk worden geïmplementeerd.

Dit stelt ons in staat om het merk en de bedrijfsmethoden van elke site te respecteren, terwijl we kwaliteit, onderhoudbaarheid en ontwikkelingefficiëntie op een consistent niveau in alle groepssites behouden.

Standaardisatie met behoud van individuele identiteit per site

We hebben niet alle sites naar hetzelfde design en dezelfde functionaliteit gestandaardiseerd, maar alleen de technische basis gemeenschappelijk gemaakt.

Omdat design, inhoudsstructuur en benodigde functies van elke site afzonderlijk kunnen worden ontworpen, kunt u profiteren van de voordelen van de gemeenschappelijke basis zonder afbreuk te doen aan merkuitdrukking of bedrijfsmethoden.

Frontend waar alleen het nodige wordt uitgevoerd

Dankzij de Island Architecture van Astro wordt JavaScript alleen uitgevoerd waar interactieve verwerking nodig is.

Door niet voor de hele pagina JavaScript in te laden, bereikten we zowel rijke visuele ervaringen met video's en afbeeldingen in hoge kwaliteit als lichte webpagina's.

Inhoudsbeheer via microCMS

Voor inhoudsbeheer hebben we gekozen voor microCMS, een headless CMS.

Door de frontend die de weergave verzorgt te scheiden van het CMS dat de informatie beheert, kunnen we het ontwerp en de functionaliteit per site flexibel inrichten, terwijl medewerkers dagelijks inhoud kunnen bijwerken.

Een basis die eenvoudiger is om door te ontwikkelen en te onderhouden

Door het gebruik van gedeelde pakketten hebben we voorkomen dat implementaties en instellingen per site ongeordend toenemen.

We hebben het gemakkelijker gemaakt om nieuwe sites op te bouwen, functies aan bestaande sites toe te voegen en gemeenschappelijke onderdelen bij te werken, waardoor we een ontwikkelingsbasis hebben gerealiseerd die geschikt is voor mid- en langetermijnbeheer van meerdere groepswebsites.

Bovendien heeft onze configuratie met primair statische distributie de beheerlast voor het besturingssysteem en middleware verminderd. Dit stelt ons in staat om bronnen niet alleen aan onderhoudswerkzaamheden te besteden, maar ons te concentreren op inhoudsbeheer en siteverbetering.

Gerelateerd artikel
https://www.liberogic.jp/topics/20250804-AstroComponent/

Omgevingsscheiding ter ondersteuning van bestaande CMS

Voor wervingssites, campagnesites en andere sites waarbij samenwerking met externe leveranciers en updatesnelheid prioriteit hebben, handhaven we bestaande CMS-systemen zoals WordPress en Movable Type.

We integreren deze echter niet in dezelfde omgeving als de hoofdsite, maar hebben de server en bedrijfsomgeving gescheiden.

Mocht er een probleem optreden met een van de CMS-systemen of servers, dan is deze configuratie ontworpen om de impact te beperken.

We versterken het risicobeheer van de hele groep zonder grote wijzigingen in bestaande productie- en bedrijfsprocessen.

Verschillende configuraties per site verbonden via Cloudflare

De hoofdsite en bestaande CMS-sites worden elk in onafhankelijke omgevingen beheerd.

Tegelijkertijd beheren we DNS, communicatie, beveiliging en monitoring volgens een gemeenschappelijk beleid, met Cloudflare als centraal punt.

Hierdoor behouden we de technologie en bedrijfsstructuur die bij elke site passen, terwijl we groepsbreed een gecontroleerde webinfrastructuur hebben gerealiseerd.

Veranderingen na implementatie

Meerdere sites "integreren" in plaats van "uniforeren"

In dit project hebben we niet alle 10+ websites door dezelfde technologie vervangen, maar hebben we voor elk daarvan een configuratie behouden die aansluit bij het doel en de bedrijfsvoering.

Bovendien hebben we Cloudflare als gemeenschappelijke basis voor de groep gebruikt om DNS, communicatie, beveiliging en monitoring te integreren.

De belangrijkste site is gemoderniseerd met Astro × microCMS, terwijl sites met een bestaand CMS naar een onafhankelijke omgeving zijn gemigreerd. Dit biedt een evenwicht tussen prestaties, onderhoudbaarheid en beveiliging.

In plaats van verschillende sites geforceerd op elkaar af te stemmen, was het belangrijk om verschillen te benutten en tegelijkertijd het geheel beheersbaar in te richten. Dit was een cruciaal onderdeel van de vernieuwing van onze webinfrastructuur.

Een project dat werd gerealiseerd door teamtegenstelling en samenwerking

Dit project omvatte meer dan 10 websites en vereiste dat elk ervan operationeel bleef tijdens de migratie naar een gedeelde basis. Het was zowel technisch als organisatorisch uiterst uitdagend.

We konden sites met verschillende doelstellingen, bedrijfsstructuren en bestaande workflows succesvol migreren naar een toekomstbestendig platform. Dit was alleen mogelijk dankzij het diepe inzicht en de positieve instelling van het KASHIWABARAgroep team.

We danken ook Kaisha NDC voor hun branding- en creatieve bijdragen, Kaisha Original Text voor de projectcoördinatie en structuur, en alle andere betrokken partners voor hun onschatbare ondersteuning.

Teamleden met verschillende achtergronden en expertisedomeinen brachten hun kennis samen en werkten naar een gemeenschappelijk doel: een beter webplatform. Dit samenwerk was de sleutel tot het succes van dit project.