05/10/2026
– Facettierte Solr-Suche in Nuxt: Filter mit Tag-Exklusion nutzerfreundlich umsetzen
Du suchst gerade nach neuen Jobs. 42 Treffer für „Senior“ – aber was passiert eigentlich mit den anderen Karriere-Levels, wenn „Senior“ bereits ausgewählt ist?
Genau an diesem Punkt wird eine facettierte Suche interessant. In unserem Karriereportal können Stellenangebote unter anderem nach Karriere-Level, Fachbereich, Beschäftigungsart, Land, Stadt oder Remote-Typ gefiltert werden. Die jeweiligen Zähler sollen dabei weiterhin zeigen, welche Auswahlmöglichkeiten vorhanden sind, auch wenn bereits ein Filter aktiv ist.
Dafür nutzen wir in Apache Solr Tags und "excludeTags". Jeder Filter erhält ein eigenes Kennzeichen und die zugehörige Facette wird bei der Zählung gezielt von genau diesem Filter ausgenommen. So bleibt die Trefferliste gefiltert, während die verfügbaren Optionen innerhalb des Filters weiterhin sichtbar bleiben.
In unserer neuen zeigen wir, wie wir diese Logik in Nuxt umgesetzt haben, wie die Facetten für das Frontend aufbereitet werden und warum auch die Synchronisation der Filter mit der URL eine wichtige Rolle für die Nutzerfreundlichkeit spielt.
Der vollständige technische Deep Dive inklusive Codebeispielen ist jetzt auf mach.dkd.de verfügbar.