- 30. Mai 2025
Smarte Suche mit Headless CMS: So verbinden wir Storyblok mit Hosted Solr
Warum Headless allein nicht reicht
Headless CMS wie Storyblok ermöglichen es, Inhalte flexibel, komponentenbasiert und unabhängig vom Frontend zu verwalten. Doch je komplexer eine Website wird, desto wichtiger wird eine leistungsstarke Suchfunktion. Denn Nutzer erwarten nicht nur Inhalte – sie wollen gezielt finden, was sie suchen.
Genau hier setzen wir an. Auf mach.dkd.de zeigen wir, wie sich Storyblok mit Apache Solr, genauer gesagt Hosted Solr, zu einer modernen, skalierbaren Suchlösung verbinden lässt – vollautomatisiert, sicher und blitzschnell.
Die Idee dahinter: Inhalte zentral verwalten & intelligent auffindbar machen
Unsere Website basiert auf einer modernen JAMstack-Architektur, die auf Best-of-Breed-Technologien setzt:
Storyblok als leistungsstarkes Headless CMS
Nuxt als modernes Frontend Framework
Cloudflare Workers für skalierbares Hosting und serverlose Verarbeitung
Hosted Solr als Enterprise-Suchplattform
Das Ziel: Inhalte werden in Storyblok gepflegt, automatisch indexiert und im Frontend durchsuchbar gemacht – ohne manuelle Zwischenschritte, aber mit maximaler Kontrolle.
Video zum Beitrag: Headless-Suche mit Storyblok und Solr erklärt ❯
Der Weg von Storyblok nach Solr: So funktioniert unser Indexierungsprozess
Die technische Verbindung zwischen dem CMS und der Suchplattform funktioniert bei uns nahtlos und automatisiert:
Webhook in Storyblok: Wird ein Inhalt veröffentlicht, gelöscht oder bearbeitet, sendet ein konfigurierter Webhook ein Event.
Cloudflare Worker empfängt das Event: Ein von uns entwickelter Cloudflare Worker verifiziert die Anfrage per Signatur und ruft über die Storyblok-API die betroffenen Inhalte ab.
Aufbereitung der Daten für Solr: Die Inhalte werden zu einem JSON-Dokument transformiert – inklusive Felder wie id, url, title, component_type und content.
Indexierung in Hosted Solr: Die fertigen Dokumente werden per API an den entsprechenden Hosted Solr Core übermittelt. Auch Änderungen und Löschungen werden zuverlässig synchronisiert.
Warum wir auf Hosted Solr setzen
Hosted Solr bietet uns die Vorteile einer leistungsfähigen Suchtechnologie – ohne den administrativen Aufwand eines eigenen Clusters. Für uns als zertifizierter Solr-Partner ist das eine ideale Plattform für anspruchsvolle Suchprojekte.
Vorteile auf einen Blick:
Vorkonfigurierte Solr-Cores für schnelles Setup
Volle API-Kontrolle für Indexierung & Abfrage
Sprachverarbeitung, Facetten, Synonyme, Boosting
Skalierbarkeit und Monitoring out of the box
Hosted Solr fügt sich nahtlos in unsere MACH-Architektur ein – und kann flexibel über die Cloudflare Worker API-gestützt mit Inhalten aus Storyblok versorgt werden.
Vom Suchfeld zur Ergebnisliste: Die Suche im Frontend
Im Frontend setzen wir auf Nuxt 3, um die Suchanfragen performant und sicher zu verarbeiten:
Der User gibt einen Suchbegriff ein
Eine serverseitige API-Route (/api/search) empfängt die Anfrage
Die Route kommuniziert mit Solr (gesichert über Environment Variables)
Die Ergebnisse werden aufbereitet zurückgegeben – inklusive Facettenfilter
Unsere Suchmaske erlaubt nicht nur freie Suche, sondern auch Filter nach Content-Typen, Autovervollständigung sowie Vorschläge für ähnliche Inhalte („More like this“).
Vorteile für Redaktion & User Experience
Unsere Lösung vereint redaktionelle Freiheit mit modernster Technologie:
Intuitive Pflege: Inhalte werden weiterhin bequem in Storyblok verwaltet
Automatisierung: Keine manuelle Indexpflege notwendig
Strukturierte Flexibilität: Inhaltskomponenten lassen sich gezielt mappen
Schnelle Ergebnisse: Hohe Performance, niedrige Latenzen und nützliche Filter
Headless CMS + Hosted Solr = Eine starke Kombi
Die Verbindung von Storyblok mit Hosted Solr demonstriert eindrucksvoll, wie moderne Architektur, durchdachte Automatisierung und fundiertes Know-how zu einer zukunftssicheren Suchlösung verschmelzen können.
Du willst deiner Headless Website eine smarte, skalierbare Suche hinzufügen?
Sprechen Sie uns an – wir beraten Sie gerne: