FallstudieCMB NewsKunde · Commodity Board Europe

CMB News

Aus fragmentiertem WordPress wurde ein einheitliches News-Frontend — mehrsprachig, schnell, weltweit ausgeliefert.

Commodity Board Europe betreibt einen Marktdaten- und Nachrichtendienst für Agrar- und Lebensmittelrohstoffe. Wir haben für den Kunden das öffentliche Frontend neu aufgebaut: technisch entkoppelt von der Handelsplattform, mit 11 Sprachen, Live-Preisen und einer Architektur, die den Spitzenlasten standhält, an denen das alte WordPress immer wieder gescheitert ist.

Projekt live ansehen
11
Sprachen
UI & Inhalte
3
Edge-Regionen
FRA · USA · SIN
40k+
Artikel
im Bestand
API-only
entkoppelt vom
Trading-Backend
CMB News Startseite mit Cover Story, Daily Snapshot und Kategorie-Feeds
Ausgangslage
01

Eine Marke, drei Auftritte — und WordPress am Limit.

Vor dem Umbau lag der öffentliche Auftritt auf drei getrennten Properties: das WordPress-Marketing unter einer Sub-Domain, die Handelsplattform CMBroker und die News-Auslieferung selbst. Jede Property mit eigener visueller Sprache, eigenen Templates, eigenem Stack. Die Marke „Commodity Board“ zerfiel beim Klick.

Operativ war das ein echtes Geschäftsrisiko. Inhalte wurden im Backend KI-gestützt erzeugt und nach WordPress synchronisiert — ein Medienbruch, der täglich Reibung erzeugte. Hinzu kam: WordPress mit direkter API-Last skalierte nicht zuverlässig. Ein dokumentierter Produktionsvorfall mit Timeouts und 500er-Fehlern auf Startseite und News-Pagination zeigte, dass das Modell ohne Edge-Härtung und sauberes Caching nicht haltbar war. Für ein B2B-Publikum aus Handel und Verarbeitung sind solche Ausfälle nicht „suboptimal“ — sie kosten Vertrauen.

Vorgehen
02

Ein eigenständiges Frontend, sauber von der Plattform entkoppelt.

Statt WordPress weiter zu flicken, haben wir ein neues öffentliches Frontend gebaut — auf einem modernen, server-gerenderten Stack, gegen die bestehenden CMBroker-APIs. Kein Datenbankzugriff aus dem News-Frontend, keine Doppelpflege.

  • API-only zum Trading-Backend

    Alle Daten — Artikel, Live-Preise, Events, Suche — laufen über klar definierte HTTP-APIs. Das Frontend kennt keine Datenbank. So bleibt CMBroker die einzige Quelle der Wahrheit, und beide Systeme lassen sich unabhängig voneinander deployen.

  • SSR mit 11 Sprachen in einer App

    Server-seitiges Rendering für schnelle First Loads und sauberes SEO — in elf Sprachen, mit lokalisierten URLs (/de/, /en/, …) und Marketing-Seiten im selben Repo. Eine Codebasis, ein Build, ein Deployment.

  • Mehrschichtiges Caching mit Graceful Degradation

    Drei Cache-Ebenen mit Stale-While-Revalidate und harten Timeouts verhindern, dass ein hängender Upstream den Render blockiert. Wenn die API kurz ruckelt, bleibt die Seite trotzdem schnell — die Wellen aus dem WordPress-Zeitalter sind weg.

  • Multi-Region: Frankfurt · USA · Singapur

    Drei Edge-Regionen laufen parallel — eine in Europa, eine an der US-Ostküste, eine in Asien. So sind Latenz und Verfügbarkeit für Leser weltweit niedrig; Cloudflare vorgelagert übernimmt DNS, WAF und Rate-Limiting.

  • WordPress-Ablösung mit klarem Pfad

    Acht WordPress-Seiten inventarisiert, Redirect-Map definiert, Assets und Team-Inhalte ins neue Repo übernommen. Die Marketing-Seiten leben jetzt im selben Auftritt wie die News — eine Marke, ein Auftritt.

Tour durch das Portal

Was die Leser sehen — und was darunter läuft.

Vier Bereiche, die zeigen, wie aus fragmentiertem WordPress ein einheitliches, editoriales Frontend wurde.

Live Market Coverage

Preise an die Bühne, bevor die Anmeldung kommt.

Die Startseite liefert nicht nur News, sondern auch echte Live-Preise direkt aus den CMBroker-APIs — kategorisiert nach Sugar, Oilseeds, Dried Fruits, Pulses, Spices, Cereals und mehr. Wer reinkommt, sieht sofort, dass hier echte Marktdaten laufen.

  • Live-Karten je Kategorie mit Top-Produkten und Tagesbewegung
  • Bewegungen in Echtzeit aus der Trading-Plattform gespeist
  • Direkter Sprung zu „All products“ für tiefere Analyse
Live Market Coverage mit Preisbewegungen pro Rohstoffkategorie
Artikel-Detail

Editorial, das den Anspruch der Marke trägt.

Großformatige Hero-Bilder, ein „Featured“-Badge, Multimedia-Einbettung, ein „About Us“-Video zur Marke und eine Daily-Snapshot-Spalte mit aktuellen Preisbewegungen. So liest sich Editorial heute — nicht wie ein WordPress-Blog von 2018.

  • Multimedia direkt im Artikel statt verlinkt
  • Daily Snapshot kontextualisiert die News in Echtzeit
  • Saubere Share-Leiste für sieben Kanäle plus Mail
Artikel-Detail mit Hero-Bild, Featured-Badge, About-Us-Video und Daily Snapshot
11 Sprachen

Ein Knopfdruck reicht.

Englisch, Deutsch, Französisch, Spanisch, Portugiesisch, Chinesisch, Arabisch, Russisch, Hindi, Polnisch, Türkisch. Alle URLs sauber lokalisiert. Light- und Dark-Mode sind echte Funktionen, nicht nachträglich angeklebt.

  • Lokalisierte URLs für jede Sprache (gut für SEO)
  • 11 Sprachen in einer Codebasis, ein Deployment
  • Light- & Dark-Mode als Erstklass-Feature
Sprachauswahl-Dropdown mit 11 Sprachen im Light Mode
Pricing

Vom Leser zum Kunden — ohne Bruch.

Die Pricing-Seite lebt im selben Frontend wie die News. Free, Basic, Business und Enterprise stehen nebeneinander, der Übergang ins kostenpflichtige CMBroker-Angebot ist nahtlos. Keine separate Marketing-Site mehr, kein Stilbruch.

  • Vier Pakete von Free bis Enterprise
  • Monthly/Yearly-Toggle als Direktvergleich
  • Sauberer Übergang ins Trading-Backend
Pricing-Plans Free / Basic / Business / Enterprise auf der CMB-News-Domain
Ergebnis
03

Eine Marke, ein Frontend, weltweit schnell.

Aus drei getrennten Properties ist ein einheitliches Public-Frontend geworden — mehrsprachig, multi-region, technisch entkoppelt von der Handelsplattform. Inhalte fließen über klare APIs, die WordPress-Wellen mit 500er-Fehlern sind seit dem Umbau und der Edge-Härtung Geschichte.

Vorher

Drei Auftritte, eine Marke unter Stress

  • WordPress-Marketing auf eigener Domain
  • News in WordPress, synchronisiert aus dem Backend
  • Trading-Plattform stilistisch losgelöst
  • Produktionsvorfälle: Timeouts, 500er-Fehler
  • Cross-Selling zwischen den Auftritten schwierig
Heute

Ein Auftritt, klar entkoppelt

  • News, Preise, Marketing, Pricing in einer App
  • SSR mit 11 Sprachen, lokalisierte URLs
  • API-only zum Trading-Backend — keine Doppelpflege
  • Drei Edge-Regionen, Cloudflare als Schutzschicht
  • Caching mit Graceful Degradation gegen Lastspitzen
11
Sprachen
EN · DE · FR · ES · PT · ZH · AR · RU · HI · PL · TR
3
Edge-Regionen
FRA · USA · SIN
40k+
Artikel
im Bestand
1
Codebasis,
ein Deployment

Das Frontend läuft heute öffentlich auf commodity-board.com, der vollständige Schwenk weg von WordPress ist in Umsetzung. Die Partnerschaft mit dem Kunden läuft weiter — die nächsten Ausbaustufen sind bereits geplant.

TypeScriptReact 19React Router 7 · SSRTailwind CSS v4Vitefly.io · multi-regionCloudflare DNS · WAFCloudflare ImagesSentryVitest & Playwright
Plattform statt Excel

Bremst alte Technik Ihre Reichweite?

Buchen Sie den kostenlosen Potenzial-Check. 30 Minuten, in denen wir ehrlich einordnen, ob Sie modernisieren oder neu aufsetzen sollten — und in welcher Reihenfolge.

Weitere Referenzen

Termin buchen