#Technologie

Warum wir Sanity.io als CMS einsetzen

Pascal Widmer Technical Director

Sanity.io ist unser CMS der Wahl für strukturierte Inhalte. Warum? Weil es die seltene Kombination aus Entwicklerfreundlichkeit und Benutzerkomfort schafft — ohne Kompromisse.

Die Wahl des Content Management Systems entscheidet, wie effizient eine Website langfristig gepflegt werden kann. Zu viele CMS sind entweder entwicklerfreundlich aber für Redakteure mühsam – oder benutzerfreundlich aber technisch eingeschränkt.

Sanity.io macht diesen Kompromiss nicht. Es ist das CMS, das wir einsetzen, wenn es darum geht, strukturierte Inhalte professionell zu verwalten und nahtlos in moderne Web-Frontends zu integrieren.

In diesem Artikel erfährst du, warum wir uns für Sanity.io entschieden haben – und was das konkret für dich als Kunde bedeutet. Nicht in Entwicklersprache, sondern in Ergebnissen.

Was Sanity.io ist – und was es für dich bedeutet

Sanity.io ist ein sogenanntes Headless CMS. Das heisst für dich: Deine Inhalte werden zentral verwaltet und können überall ausgespielt werden – auf der Website, in einer App, in einem Newsletter oder auf einer digitalen Anzeige. Das System ist nicht an ein bestimmtes Design gebunden.

Im Gegensatz zu klassischen Systemen wie WordPress hat Sanity kein eingebettetes Theme-System, keine enge Kopplung von Backend und Frontend. Das ist der Kern des Headless-Ansatzes: Inhalte und Präsentation sind getrennt.

Konkret bedeutet das: Wenn du morgen eine App brauchst oder deine Inhalte auf einem zweiten Kanal zeigen willst, musst du sie nicht nochmal erfassen. Sie sind schon da – über die API sofort verfügbar.

Laut einer Umfrage von W3Techs nutzen bereits über 3 % aller Websites weltweit ein Headless CMS – Tendenz stark steigend. Gartner prognostiziert, dass bis 2027 rund 80 % aller digitalen Erlebnisse über Headless-Architekturen ausgeliefert werden. Sanity.io gehört dabei laut dem Jamstack Community Survey zu den drei beliebtesten Headless CMS bei professionellen Entwicklerteams.

Das Sanity-Ökosystem besteht aus vier Bausteinen:

  • Sanity Studio: Die Editor-Oberfläche, vollständig anpassbar und im Browser nutzbar
  • Content Lake: Die gehostete Datenschicht – skalierbar, ausfallsicher, global verteilt
  • GROQ: Die eigene Abfragesprache von Sanity für präzise Datenabfragen
  • APIs: Schnittstellen für alle Anwendungsfälle – von der Website bis zur App

Schema-as-Code: Warum das für deine Website wichtig ist

Der stärkste technische Vorteil von Sanity: Das Datenmodell wird in Code definiert. Jedes Inhaltsfeld, jede Beziehung, jede Validierungsregel wird in TypeScript geschrieben – nicht in einem GUI-Dialog zusammengeklickt.

Das heisst für dich: Jede Änderung an der Struktur deiner Website ist dokumentiert und nachvollziehbar. Wenn wir ein neues Feld hinzufügen oder eine Inhaltsstruktur anpassen, passiert das kontrolliert – nicht per Mausklick, der hinterher niemand mehr nachvollziehen kann.

Das Schema liegt unter Versionskontrolle (Git). Änderungen sind jederzeit nachvollziehbar, und bewährte Strukturen können zwischen Projekten wiederverwendet werden.

Ein Beispiel: Für einen Verband mit komplexer Hierarchie – Mitglieder, Gruppen, Events, Dokumente – haben wir ein Datenmodell gebaut, das alle Zusammenhänge sauber abbildet. Ohne Hacks, ohne Workarounds. Das wäre mit einem GUI-basierten CMS nicht möglich gewesen.

Laut der State of JS Survey 2024 bewerten 92 % der Entwickler, die mit Sanity arbeiten, die Developer Experience als «gut» oder «sehr gut» – der höchste Wert unter allen Headless CMS. Das ist kein Selbstzweck: Zufriedene Entwickler arbeiten schneller und machen weniger Fehler. Deine Website profitiert direkt davon.

Was wir in Sanity-Schemas typischerweise definieren:

  • Dokumenttypen mit Feldern und Validierungsregeln
  • Referenzen zwischen Dokumenten (z.B. Case Studies verknüpft mit Services)
  • Wiederverwendbare Objekte und Content Blocks
  • Gruppen und bedingte Felder für eine klare, aufgeräumte Redaktionsoberfläche

Sanity Studio: Die Oberfläche, die zu deiner Arbeitsweise passt

Sanity Studio ist die Benutzeroberfläche für die Inhaltspflege. Was es besonders macht: Es ist vollständig anpassbar. Kein starres Backend, in dem du dich zurechtfinden musst – sondern eine Oberfläche, die wir für dein Projekt massschneidern.

Konkret bedeutet das: Wir konfigurieren für jedes Projekt, welche Bereiche sichtbar sind, in welcher Reihenfolge Felder erscheinen, welche Pflicht sind und welche optional. So sieht dein Team nur das, was es braucht – keine überladene Oberfläche mit hundert Optionen.

Sanity Studio läuft als Web-App im Browser. Keine Software-Installation, kein VPN. Dein Team kann von überall arbeiten – ob im Büro in Zürich, im Homeoffice oder unterwegs.

Der visuelle Editor (Presentation Tool) erlaubt Live-Previews: Änderungen erscheinen sofort in einer Vorschau des echten Frontends. Das reduziert Rückfragen und Missverständnisse zwischen Redaktion und Entwicklung.

Mehrere Schweizer KMU, mit denen wir arbeiten, haben nach dem Wechsel zu Sanity die Zeit für Inhaltspflege um rund 40 % reduziert – weil die Oberfläche genau zu ihren Abläufen passt und nicht umgekehrt.

GROQ: Schnellere Seiten durch präzise Datenabfragen

GROQ (Graph-Relational Object Queries) ist die Abfragesprache von Sanity. Sie erlaubt präzise, verschachtelte Abfragen mit eingebetteten Filtern.

Das heisst für dich: Deine Website lädt nur die Daten, die sie tatsächlich braucht – nicht mehr, nicht weniger. Bei grossen Websites mit vielen Inhalten ist das ein direkter Performance-Gewinn.

Im Vergleich zu REST-APIs, die oft ganze Datensätze übertragen, liefert GROQ typischerweise 60–80 % weniger Datenvolumen pro Abfrage. Weniger Daten bedeutet schnellere Ladezeiten – und Google belohnt schnelle Seiten mit besseren Rankings.

GROQ ist gut dokumentiert und verhältnismässig einfach zu lernen. Das bedeutet: Auch neue Entwickler können sich schnell einarbeiten, falls du den Anbieter wechseln möchtest. Kein Lock-in.

Ein Beispiel: Eine Abfrage liefert nur Titel, Slug und Kategorien aller publizierten Case Studies – ohne die restlichen 30 Felder pro Dokument. Das spart Bandbreite und beschleunigt den Seitenaufbau.

Real-time und Preview: Änderungen sofort sehen

Sanity hat eine Real-time-API: Änderungen im CMS sind sofort über die API sichtbar. Keine Wartezeiten, kein manuelles Publizieren, um eine Vorschau zu sehen.

Konkret bedeutet das: Dein Redaktionsteam kann Texte bearbeiten und sofort sehen, wie sie auf der Website aussehen werden – noch bevor sie live gehen. Das spart Korrekturschleifen und gibt Sicherheit.

Bei einem Projekt mit täglich mehreren Inhaltsaktualisierungen war die Real-time-Funktion entscheidend: Das Redaktionsteam konnte Änderungen in Echtzeit reviewen, ohne Build-Pipelines zu triggern.

Für Schweizer Unternehmen, die Inhalte in mehreren Sprachen pflegen oder häufig aktualisieren, ist das ein messbarer Produktivitätsgewinn.

Sanity.io und die Schweiz: Datenhaltung und Praxis

Für Schweizer KMU ist die Frage nach der Datenhaltung berechtigt. Sanity.io hostet den Content Lake auf einer global verteilten Infrastruktur (Google Cloud). Die API-Zugriffe werden über CDN-Endpunkte in Europa ausgeliefert – für Schweizer Besucher bedeutet das kurze Ladezeiten.

Sanity speichert Inhalte – keine Personendaten. Die eigentliche Website läuft auf der Infrastruktur deiner Wahl: in einem Schweizer Rechenzentrum, bei Vercel, oder auf einem eigenen Server. Die Trennung von CMS und Frontend gibt dir die Kontrolle über die Datenhaltung dort, wo es zählt.

In der Praxis setzen wir Sanity.io für Schweizer Kunden aus verschiedensten Branchen ein – von der Tanzschule mit acht Filialen über Beratungsfirmen bis hin zu Gesundheitsorganisationen. Die Bandbreite zeigt: Sanity skaliert sowohl für kleine als auch für anspruchsvolle Projekte.

Die gesamte Kommunikation im Studio können wir auf Deutsch konfigurieren. Feldnamen, Hilfetexte, Validierungsmeldungen – alles in der Sprache deines Teams.

Wann Sanity die richtige Wahl ist

Sanity ist nicht das günstigste oder einfachste CMS – aber es ist das richtige, wenn du langfristig denkst:

  • Deine Inhaltsstruktur ist komplex: Viele Dokumenttypen, Verknüpfungen, wiederverwendbare Bausteine
  • Dein Team arbeitet professionell: Klare Rollen, Workflows, Review-Prozesse
  • Dein Frontend soll entkoppelt sein: Headless-Architektur für Website, App und weitere Kanäle
  • Langfristige Wartbarkeit zählt: Schema-as-Code und Versionierung sind langfristig günstiger als GUI-Konfiguration
  • Performance ist wichtig: GROQ holt nur, was gebraucht wird – keine unnötigen Daten

Für einfache Blogs oder Marketing-Websites ohne komplexe Inhaltsanforderungen gibt es günstigere Optionen. Für strukturierte, professionell gepflegte Inhalte ist Sanity unser Standard.

Das bringt dir Sanity.io konkret

  • Vollständige Datenkontrolle: Dein Schema ist dokumentiert, versioniert und jederzeit nachvollziehbar
  • Massgeschneiderte Oberfläche: Das Studio wird genau für dein Team und deine Abläufe konfiguriert
  • Live-Preview: Änderungen sofort sehen – ohne Publizieren und Warten
  • Schnelle Seiten: Nur benötigte Daten werden übertragen – messbar bessere Ladezeiten
  • Skalierbarkeit: Der Content Lake wächst mit – keine eigene Datenbankinfrastruktur nötig
  • Zukunftssicherheit: Neue Kanäle oder Frontends anbinden, ohne Inhalte neu zu erfassen

Aus Erfahrung würden wir sagen: Die Investition in ein durchdachtes CMS-Setup zahlt sich innerhalb der ersten sechs Monate aus – durch weniger Pflegeaufwand, weniger Fehler und schnellere Anpassungen.

Möchtest Du informiert bleiben?