Case study

HairMarket

Największa w Polsce platforma sprzedaży włosów. Marketplace dwustronny w Next.js: konta kupujących i sprzedających (NextAuth), ogłoszenia z galerią, wyróżnienia VIP oraz wyszukiwarka z filtrami po województwie, kolorze, teksturze, długości i gramaturze.

HairMarket — Aplikacja webowa

W skrócie

Rok
2024
Zakres
Marketplace dwustronny, konta, wyszukiwarka, SEO
Moja rola
Architektura, full-stack, SEO techniczne
Technologie
Next.jsReactNextAuthPostgreSQLnginxSEO

Case study

01Wyzwanie

Marketplace startuje z pustymi obiema stronami rynku: bez ogłoszeń nie ma kupujących, bez kupujących nikt nie wystawia. Do tego towar opisuje się cechami, których nie da się sprowadzić do jednej kategorii — kolor, tekstura, długość i gramatura muszą dać się łączyć w wyszukiwaniu, a każde takie połączenie powinno być adresem, który Google potrafi zaindeksować.

02Rozwiązanie

  • Rozdzielone ścieżki kupującego i sprzedającego na wspólnym uwierzytelnianiu (NextAuth) — jedno konto, dwie role.
  • Filtry po województwie, kolorze, teksturze, długości i gramaturze złożone tak, by każda kombinacja miała własny, czytelny adres.
  • Renderowanie po stronie serwera dla stron ogłoszeń, żeby treść była widoczna dla wyszukiwarki bez czekania na JavaScript.
  • Wyróżnienia VIP jako osobny mechanizm ekspozycji, niezależny od sortowania wyników.

03Efekt

  • Każda sensowna kombinacja filtrów jest osobną stroną wejścia z wyszukiwarki, a nie stanem ukrytym w JavaScripcie.
  • Sprzedający wystawia ogłoszenie z galerią bez kontaktu z obsługą.
  • Platforma działa dziś jako największy tego typu serwis w Polsce.

04Dlaczego taki stack

Next.js, bo marketplace żyje z ruchu organicznego — treść musi być w HTML-u od razu. PostgreSQL, bo filtrowanie po pięciu wymiarach naraz to zadanie dla porządnych indeksów, nie dla wyszukiwarki tekstowej doklejonej z boku.

Wszystkie realizacje
Zacznijmy

Masz projekt na oku?

Opisz go w kilku zdaniach — odpiszę w ciągu 24 godzin z bezpłatną wyceną i propozycją stacku.