Eigenes CMS auf Sanity · für jedes Unternehmen anpassbar

Ein CMS für Betreiber, nicht für Entwickler.

Ein eigenes Content-Management-System (CMS), also das Programm, mit dem Betreiber die Inhalte ihrer Website selbst pflegen: gebaut auf Sanity und auf das jeweilige Unternehmen programmierbar. Es öffnet mit den häufigsten Aufgaben, zeigt, ob die Website aktuell ist, baut neue Seiten aus gestalteten Bausteinen und verhindert, dass Seiten versehentlich gelöscht oder Layouts zerstört werden. Menü, Bausteine und Regeln werden je Unternehmen festgelegt; hier im Einsatz beim Tanzstudio Indeed Unique. Sanity liefert Editor, Datenhaltung und Bildpipeline, die Bedienlogik darauf stammt von mir.

Umfang: Konzept, eigene Werkzeuge im CMS, Bausteine, Betrieb
Technik: Sanity Studio, React, Astro, Cloudflare, GitHub Actions
Einsatz: Täglich bei Indeed Unique, Zugang nur für die Betreiber

Zur Website, die damit läuft

indeed-unique.sanity.studio

Gebaut für die Person, die damit arbeitet.

Jede Ansicht beantwortet eine Frage des Betreibers, nicht des Entwicklers. Zu sehen ist das CMS im Alltag des Tanzstudios Indeed Unique; Menü, Bausteine und Regeln entstehen für jedes Unternehmen neu.

Startseite des Studios: neun Aufgaben-Knöpfe, darunter „Zu erledigen“ mit einem Hinweis zur Schnupperwoche — Start nach AufgabenNeun Knöpfe für die häufigsten Aufgaben. Darunter „Zu erledigen“: offene Entwürfe, Erinnerungen zum Tanzjahr, Kurse, die in der Übersicht fehlen.

Menü „Element hinzufügen“ mit Vorschaubildern der Bausteine Karten, Zahlen, Termine, Fragen, Schritte, Zeitleiste und PDF — 22 Bausteine mit VorschaubildNeue Seiten entstehen aus gestalteten Abschnitten, nach Aufgabe gruppiert. Jeder Baustein hat genau eine Gestaltung; Farben und Abstände bleiben im Code.

Feld „Ziel“ mit der Eingabe „Preis“ und zwei gefundenen Seiten: Preise Semesterkurse und Preise Offene Klassen — Seiten-Picker für LinksSeiten werden beim Namen gesucht statt als Adresse getippt. Veraltete Adressen erkennt das Studio und stellt sie mit einem Klick richtig.

Bilddialog mit Bildbeschreibung und der Vorschau „So erscheint das Bild auf der Website“ — So erscheint das Bild auf der WebsiteUnter jedem Bildfeld mit festem Format steht die echte Ausgabe: Ausschnitt und Fokuspunkt genau wie im Code der Website berechnet.

Maske „Kursfreie Tage“ mit Herbstpause, einem kursfreien Tag und Winterpause — Kursfreie Tage und TanzjahrPausen und Ferien als einfache Liste; Vergangenes verschwindet von selbst. Ist die Schnupperwoche vorbei, erinnert das Studio daran.

Hilfeseite im Studio mit kurzen Anleitungen, etwa „Wann sehe ich meine Änderung auf der Website?“ — Hilfe direkt im WerkzeugKurze Anleitungen zu jeder Aufgabe, dort, wo sie gebraucht werden. Kein Handbuch, das niemand findet.

Geschützt bleibt, was geschützt bleiben soll.

Feste Seiten bleiben bestehenEinstellungen, Seiten, Team, Kursübersicht und Studios lassen sich weder löschen noch duplizieren noch zurückziehen.
Ausblenden statt löschenKurse, Personen und freie Seiten verschwinden von der Website, bleiben aber im Studio erhalten.
Adressen sind gesperrtNach der ersten Veröffentlichung ändert sich keine Adresse mehr; reservierte Adressen sind für neue Seiten tabu.
Verständliche Regeln an jedem FeldZeichenlimits, Pflicht-Bildbeschreibung, Mindestauflösung und Fokuspunkt, jeweils mit einer Meldung, die sagt, was zu tun ist.
Design und Buchung im CodeFarben, Schriften, Animationen, Weiterleitungen und die Eversports-Widgets sind im Studio nicht erreichbar.
Nur Formate, die die Website zeigtDer Beitragstext bietet genau die Absätze, Überschriften und Auszeichnungen, die auch dargestellt werden.

Zwischen CMS und Website.

9eigene Werkzeuge im CMS
22Bausteine mit Vorschaubild
24feste Seiten aus einem Seitenverzeichnis
2–3 Min.bis eine Veröffentlichung online ist

StatuszeileVergleicht den Stand der Website mit Sanity: grün, gelb oder rot, dazu die Zahl der offenen Entwürfe.
Vorschau auf KnopfdruckEin Klick baut die ganze Website mit allen Entwürfen auf einen geschützten Vorschau-Server, zum Gegenlesen vor dem Veröffentlichen.
Ein Seitenverzeichnis für allesFelder, Ausgangswerte und Limits stehen einmal im Code. Daraus entstehen die Masken im Studio, die Werte der Website und der Import.
Sicherung und ÜberwachungNächtliche Sicherung aller Inhalte, täglicher Neuaufbau zeitabhängiger Seiten und eine Warnung, bevor das Limit des Gratis-Tarifs erreicht ist.

Sanity Studio mit eigenen React-Werkzeugen, deutsche Oberfläche, Astro-Website auf Cloudflare, Webhooks und GitHub Actions. Sanity stellt Editor, Datenhaltung und Bildpipeline; die Bedienlogik darauf ist eigene Arbeit und wird für jedes Unternehmen neu angepasst.

Dein Team soll die Website selbst pflegen, ohne Risiko?

Idee schicken