Kontakt

Content Management mit Sanity Studio CMS

Was ist Sanity Studio?

Sanity.io versteht sich vorrangig als eine Plattform für strukturierte Inhalte. Vom gleichen Anbieter kommt auch Sanity Studio, ein headless, open-source CMS, welches auf React.js basiert und sich sehr flexibel anpassen lässt.

Sanity Studio bietet ein sehr intuitives UI für Redakteure, also die Nutzeroberfläche über die Inhalte kinderleicht gepflegt und eingefügt werden. Das Live-Preview lässt Sie in Echtzeit sehen, was Ihr Nutzer erleben wird. Dabei werden die Inhalte von Sanity wie strukturierte Daten behandelt. So kann man beispielsweise APIs nutzen, um optimale Bearbeitungsworkflows zu erstellen und Inhalte zwischen Plattformen, Systemen oder anderen Applikationen auszutauschen. Das ist ist höchst effizient. Daneben können Redakteure sogar kollaborativ und simultan im Redaktions-Backend arbeiten. Sanity als Plattform ist dafür leider nicht Open Source. Doch reicht für viele gängige Anwendungsfälle meist schon die kostenfreie Version.

Unsere Kunden und auch wir lieben Sanity

Bevor wir auf diese Seite mehr ins Detail gehen wollen wir eines nicht ungesagt lassen: Wir sind absolut begeistert von der Kombination aus Sanity.io und statischen Website Generatoren, wie next.js oder Gatsby im Zusammenspiel mit den kickstartDS Content Komponenten im Frontend und würden diese Technologien für neue Projekte immer wieder verwenden.

Static-site Generation mit next.js und Sanity Studio - das JAM-Stack Prinzip

Die Idee bei dem Konzept ist es, alle Inhalte, egal ob strukturierte Daten oder per Sanity Studio erstellte Texte, in statische Webseiten zu generieren, die ganz ohne den Ballast eines dynamisches Backend ausgeliefert werden. Entsprechend entfällt der Bedarf, ein eigenes Backend für die Webseite zu betreiben. Dabei wird bei dem JAM-Stack Prinzip JavaScript (=J) genutzt, welches via Schnittstellen, kurz APIs (=A), Daten abfragt, um daraus Markup (M) zu generieren. Markup bedeutet hierbei schlichtes HTML, quasi die fertige, statische Webseite. Im Unterschied zu monolythischen Content-Management-Systemen wird die Seite eben nicht bei der Abfrage vom Server erstellt, sondern mittels Pre-Rendering durch einen static-site Generator, wie next.js oder Gatsby, vorab erzeugt und in einem CDN abgelegt.

Dies macht eine JAM-Stack basierte Website sehr sicher, da der Schritt der Markup-Erzeugung vorverlegt wird, der sonst gerne für Angriffe genutzt wird. Noch entscheidender ist der Performance-Vorteil: HTML und Assets wie Bilder werden optimiert abgelegt. Das einzige was für dann noch zwischen dem Nutzer und dem Inhalt steht ist die Internet-Verbindung! Perfekt für Anwendungsfälle bei denen Ladezeit-Performance und Verfügbarkeit eine entscheidende Rolle spielen.

Erweiterungen mit Services: Headless CMS

Mit dem JAM-Stack ist eine Website, das was sie im Kern sein sollte: HTML (und JavaScript)
Doch JAM-Stack basierte Websites müssen für den Nutzer deswegen nicht statisch sein: JavaScript ermöglicht interaktive Nutzererlebnisse und das Nachladen und Anpassen von Inhalten an den Nutzer, sowie das Einbinden von mächtigen Backend-Services via APIs. Damit steht der JAM-Stack Ansatz konventionellen dynamischen Websites in nichts nach. Vielmehr kann die Logik der Backend-Anwendungen separat vom Nutzererlebnis im Frontend entwickelt werden. Sanity Studio CMS ergänzt solche Headless Umgebungen und kann mit anderen Systemen zu Ihrem Gesamtsystem kombiniert werden.

Die Redaktionsansicht von Sanity Studio

Sanity Studio ist der Ort, an dem Sie Ihre Inhalte bearbeiten und verwalten. Sanity Studio ist ein Open-Source-CMS, das eine Verbindung zum Datenspeicher von Sanity.io herstellt. Es können individuelle Inhaltstypen und ihre Felder eingerichtet werden. Das machen wir mit sogenannten Schema-Files, die nahtlos die Frontend-Komponenten aus kickstartDS übernehmen.

Live Preview im Backend

Sanity ♥ kickstartDS

Das Live-Preview hilft dem Redaktionsteam Inhalte auf Ihrer Website oder -Anwendung sofort zu sehen und zu testen. Wir nutzen dafür next.js als statischen Seitengenerator und die kickstartDS Komponenten, so müssen Sie das Sanity CMS nicht verlassen. Das kickstartDS-Next-Sanity-Toolkit ermöglicht die Vorschau in Echtzeit, als ob Sie in der Seite selbst editieren würden.

Sie interessieren sich für Sanity Studio als CMS?

Wir besprechen Ihr Projekt mit Ihnen!