Case Study

HairMarket

Polens größte Plattform für den Haarhandel. Ein zweiseitiger Next.js-Marktplatz: Käufer- und Verkäuferkonten (NextAuth), Anzeigen mit Galerie, VIP-Hervorhebung und eine Suche mit Filtern nach Region, Farbe, Textur, Länge und Gewicht.

HairMarket — Web-App

Auf einen Blick

Jahr
2024
Umfang
Zweiseitiger Marktplatz, Konten, Suche, SEO
Meine Rolle
Architektur, Full-Stack, technisches SEO
Technologien
Next.jsReactNextAuthPostgreSQLnginxSEO

Case Study

01Die Aufgabe

Ein Marktplatz startet mit zwei leeren Marktseiten: ohne Anzeigen keine Käufer, ohne Käufer keine Anzeigen. Dazu beschreiben sich die Waren über Merkmale, die sich nicht auf eine Kategorie reduzieren lassen — Farbe, Textur, Länge und Gewicht müssen sich in der Suche kombinieren lassen, und jede Kombination sollte eine für Google indexierbare Adresse sein.

02Die Umsetzung

  • Getrennte Käufer- und Verkäuferwege auf gemeinsamer Authentifizierung (NextAuth) — ein Konto, zwei Rollen.
  • Filter nach Region, Farbe, Textur, Länge und Gewicht, so aufgebaut, dass jede Kombination eine eigene lesbare Adresse bekommt.
  • Serverseitiges Rendering der Anzeigenseiten, damit Inhalte ohne JavaScript-Wartezeit für Suchmaschinen sichtbar sind.
  • VIP-Hervorhebung als eigener Sichtbarkeitsmechanismus, unabhängig von der Ergebnissortierung.

03Das Ergebnis

  • Jede sinnvolle Filterkombination ist ein eigener Einstiegspunkt aus der Suche statt eines in JavaScript versteckten Zustands.
  • Verkäufer veröffentlichen Anzeigen samt Galerie ohne Kontakt zum Support.
  • Die Plattform läuft heute als größter Dienst ihrer Art in Polen.

04Warum dieser Stack

Next.js, weil ein Marktplatz von organischem Traffic lebt — die Inhalte müssen ab dem ersten Byte im HTML stehen. PostgreSQL, weil Filtern über fünf Dimensionen gleichzeitig eine Aufgabe für ordentliche Indizes ist und nicht für eine seitlich angeflanschte Textsuche.

Alle Projekte
Loslegen

Ein Projekt im Kopf?

Beschreiben Sie es in wenigen Sätzen — ich antworte innerhalb von 24 Stunden mit Angebot und Stack-Vorschlag.