Öffentliche HARTMANN-Website, als Unternehmenskontext gezeigt. Das interne Produkt aus diesem Fall ist nicht zu sehen.

Öffentliche HARTMANN-Website, als Unternehmenskontext gezeigt. Das interne Produkt aus diesem Fall ist nicht zu sehen.

HARTMANN

Healthcare-Experience-Plattform

Senior Frontend Developer · Design System

CMS-gesteuertes Next.js-Komponentenset für PAUL HARTMANN auf Sitecore XM Cloud: Redaktion setzt Gesundheitsseiten ohne eigenen Engineering-Durchlauf für jedes Layout zusammen.

01Problem

Redakteure mussten Healthcare-Seiten ohne ein neues Engineering-Ticket für jedes Layout zusammensetzen. Komponenten mussten im Design System bleiben und mit Sitecore XM Cloud kompatibel sein.

02Ausgewählte Beiträge

Ich habe wiederverwendbare, CMS-gesteuerte Komponenten gebaut, mit denen Redakteure flexible Seiten zusammensetzen können, ohne die Konsistenz des Design Systems aufzugeben. Next.js-Komponenten für Sitecore XM Cloud entwickelt und gepflegt, mit LESS und BEM, sodass neue Layouts keinen extra Engineering-Durchgang brauchen. Das Backlog mitgewichtet, Aufwand gegen Effekt, und mit Product und Design an UX-Entscheidungen und Prioritäten gearbeitet.

  • Wiederverwendbare Next.js-Komponenten gebaut, kompatibel mit Sitecore XM Cloud
  • Das Design System über CMS-gesteuerte Seitenzusammenstellung konsistent gehalten
  • Komponenten so entworfen, dass Redakteure Layouts ohne extra Engineering konfigurieren
  • Das Backlog mitgewichtet und mit Product und Design an UX-Prioritäten gearbeitet

03Systemkontext

Next.js-Frontend-Komponenten in TypeScript mit LESS und BEM sind an Sitecore XM Cloud gebunden, damit Redakteure Seiten aus konfigurierten Bausteinen zusammensetzen. Azure DevOps ist der Lieferweg.

  • Next.js componentsMein AnteilAn CMS-Blöcke gebunden, die Redakteure zusammensetzenSitecore XM Cloud

Mein Anteil am System: Next.js components

Auslieferung

  • Azure DevOpsAuslieferungspfad

Getrennt vom Laufzeitfluss. Diese Teile sind nicht miteinander verbunden.

Implementierungswerkzeuge

TypeScript · LESS · BEM. Keine Laufzeitdienste.

04Skala und Rahmen

  • Sitecore XM Cloud als CMS
  • Next.js-Frontend mit LESS und BEM
  • Komponenten mussten von Redakteuren konfigurierbar sein, nicht nur von Engineers

05Ergebnis

Ein CMS-gesteuertes Komponentenset auf Sitecore XM Cloud, das Redakteure in neue Layouts konfigurieren, ohne für jede Seite ein eigenes Engineering-Ticket. Es gibt keine öffentlichen Kennzahlen.

  • Wiederverwendbare Frontend-Komponenten für CMS-gesteuerte Seitenzusammenstellung
  • Konsistenz des Design Systems über Sitecore-gesteuerte Layouts

06Stack

  • Next.js
  • TypeScript
  • LESS
  • BEM
  • Sitecore XM Cloud
  • Azure DevOps

Für dieses Mandat sind keine geprüften öffentlichen Kennzahlen veröffentlicht.

Kategorien: Design System, Frontend

Jahr: 2026

Verwandte Leistungen