Zurück zu allen Artikeln

Der MACH®-Ansatz: Hoch individualisierte und zuverlässige Websites

Severin Klaus
Severin Klaus
Technical Director, Partner
Länge
4 Min. Lesezeit
Datum
13 Juli 2023

DEPT® hat es sich in den letzten Jahren auf die Fahne geschrieben, den MACH®-Ansatz (Microservice, API first, Cloud-based, Headless) intensiver zu nutzen. Dieser erlaubt es, hoch individualisierte Websites zu kreieren, die sowohl hohe Zuverlässigkeit als auch Skalierbarkeit bieten und das alles in einem agilen Entwicklungsumfeld. In diesem Insight stellen wir einige unserer erfolgreichen Projekte vor und zeigen auf, warum der MACH®-Ansatz für uns so viel Sinn macht.

Was ist der MACH®-Ansatz?

Eines vorneweg: Sämtliche von uns entwickelten Websites werden immer von Grund auf neu erstellt. Wir pinseln also nicht etwa vorgefertigte Templates an, um sie einem Brand anzugleichen, sondern stellen das Design und die User Experience ins Zentrum: die technische Umsetzung richtet sich danach aus, und nicht umgekehrt, wie das sonst oft der Fall ist. Der MACH®-Ansatz erlaubt es uns dabei, auf bestehende Fertigungsstrategien zu setzen.

Eine wesentliche Komponente des MACH®-Ansatzes ist ein Headless Content Management System (CMS). Im Gegensatz zu konventionellen CMS muss sich dieses nicht um die eigentliche Erstellung der Seiten kümmern, wodurch man sich auf zwei Dinge konzentrieren kann: Daten erfassen und Daten ausgeben. Letzteres passiert über eine Schnittstelle, häufig GraphQL. Diese muss höchst flexibel, performant und skalierbar sein. Das Headless CMS DatoCMS sticht hier etwa mit inkrementeller CDN-Validierung und hervorragender Unterstützung bei der Lokalisierung hervor. Weltklasse Zürich und UBS Athletics sind zwei Beispiele für Websites, die wir mit DatoCMS und dem Frontend-Framework Nuxt realisiert haben, das auf Vue.js basiert.

Ein weiteres Projekt, das wir mit DatoCMS umgesetzt haben, ist das Website-Redesign für Flatfox. Bei diesem Einsatzfall haben wir uns dazu entschieden, rein statische Seiten zu generieren und konnten so eine unübertroffene Zuverlässigkeit bei höchster Performance erreichen. Zum Einsatz kamen hier das Framework Astro in Kombination mit Svelte für interaktive Komponenten. Astro ist ein hervorragender Kompromiss zwischen modernen (reaktiven) Ansätzen und hoch optimierten statischen Seiten.

Neben DatoCMS arbeiten wir auch mit Contentful, dem Marktführer unter den Headless CMS. Unsere Projekte mit Meier Tobler und Andermatt Swiss Alps sind hier gute Beispiele für die Umsetzung. Bei diesen Websites profitieren wir insbesondere von der kontinuierlichen und agilen Weiterentwicklung, die durch den MACH®-Ansatz ermöglicht wird.

Was macht den MACH®-Ansatz so vorteilhaft?

  • Microservices: Durch die Verwendung von Microservices sind unsere Projekte modular aufgebaut. Jeder Service ist für eine spezifische Funktion verantwortlich. Dies ermöglicht eine effizientere Wartung und Weiterentwicklung der Systeme.
  • API first: Der API-first-Ansatz ermöglicht eine einfache und flexible Integration verschiedener Systeme und Dienste. Das erhöht die Agilität und Interoperabilität des gesamten Systems.
  • Cloud-based: Cloud-basierte Lösungen bieten hohe Skalierbarkeit und Zuverlässigkeit. Sie ermöglichen es, Ressourcen effizient zu nutzen und schnell auf veränderte Anforderungen zu reagieren.
  • Headless: Durch die Trennung von Frontend und Backend (Headless) können wir das Nutzererlebnis optimieren, ohne dabei Einschränkungen im Backend in Kauf nehmen zu müssen. Dies erlaubt uns, modernste Frontend-Technologien einzusetzen und gleichzeitig ein robustes, sicheres und leistungsfähiges Backend zu gewährleisten.

Zusammenfassend kann man sagen, dass der MACH®-Ansatz uns die nötige Flexibilität gibt, um auf die individuellen Bedürfnisse unserer Kunden einzugehen, ohne Kompromisse in puncto Leistung und Zuverlässigkeit machen zu müssen. Mit dieser Strategie sind wir mit unseren Kunden für die Zukunft gerüstet und können auch in einem sich schnell verändernden digitalen Umfeld flexibel agieren.

Mehr?

Alle Insights

Fragen?

Technical Director, Partner

Severin Klaus