Opis
BijouHair to salon fryzjerski oferujący zarówno wizyty stacjonarne, jak i konsultacje online. Właściciel zbudował całą stronę w Lovable — dopracowany, funkcjonalny efekt, który był w 90% gotowy do wdrożenia. Gdy jednak przyszło do uruchomienia prawdziwych rezerwacji i płatności, pojawił się fundamentalny problem: Calendly, narzędzie do umawiania wizyt, obsługiwało tylko EUR. Klienci salonu są w Polsce, płacą złotówkami i oczekują BLIKa przy kasie.
Wyzwanie
Istniejąca strona zbudowana w Lovable nie miała produkcyjnego backendu do obsługi rezerwacji. Calendly obsługiwał harmonogram, ale nie oferował ścieżki do płatności w PLN ani przez BLIK — twardy bloker dla biznesu na polskim rynku. Właściciel potrzebował: możliwości przyjmowania płatności BLIK w złotych, zautomatyzowanego przepływu rezerwacji dla wizyt stacjonarnych i konsultacji online, logiki potwierdzania i harmonogramowania powiązanej z pomyślną płatnością oraz backendu, którym można zarządzać bez głębokiej wiedzy programistycznej.
Nasze podejście
Zintegrowaliśmy frontend z Lovable z Supabase jako podstawą backendu, a następnie zbudowaliśmy bezserwerową orkiestrację rezerwacji przy użyciu Supabase Edge Functions. Funkcje te obsługują pełny cykl życia rezerwacji: sprawdzenie dostępności, tworzenie intencji płatności przez Stripe z włączonym BLIK dla PLN, potwierdzenie płatności i rejestrację rezerwacji. Oba typy wizyt — w salonie i konsultacja online — przepływają przez ten sam zunifikowany backend. Integracja jest natywna dla istniejącej strony bez zakłócania UX, a właściciel zarządza rezerwacjami wyłącznie przez panel Supabase.
Co dostarczyliśmy
- •Integracja backendu Supabase z istniejącym frontendem wygenerowanym w Lovable
- •Bezserwerowa orkiestracja rezerwacji przez Supabase Edge Functions
- •Przepływ płatności Stripe + BLIK dla transakcji w polskich złotych (PLN)
- •Ujednolicona logika rezerwacji dla wizyt stacjonarnych i konsultacji online
- •Rezerwacja blokowana płatnością: slot rezerwowany dopiero po pomyślnej płatności
- •Wdrożenie produkcyjne i bieżące wsparcie techniczne
Architektura i wdrożenie
- •Supabase jako warstwa backendu — baza danych, auth i bezserwerowe środowisko wykonawcze bez overhead infrastrukturalnego dla właściciela
- •Edge Functions orkiestrujące pełny cykl życia rezerwacji: dostępność → intencja płatności → płatność BLIK → rejestracja rezerwacji
- •Stripe z natywnie włączoną metodą płatności BLIK — transakcje w PLN, bez przeliczania walut, bez obejść z zewnętrzną bramką
- •Ujednolicony przepływ dla obu typów wizyt (stacjonarnej i online) ze wspólną logiką i oddzielnymi ścieżkami potwierdzenia
- •Rezerwacje blokowane płatnością: żaden slot nie jest zajmowany, dopóki Stripe nie potwierdzi płatności BLIK — eliminuje nieopłacone nieobecności
- •Zarządzanie dostępne dla właściciela bez wiedzy technicznej: panel Supabase zapewnia pełną widoczność rezerwacji i danych
Harmonogram prac
Dni 1–2
Audyt kodu i projekt integracji
Przegląd kodu wygenerowanego przez Lovable, identyfikacja punktów integracji, projekt schematu Supabase i konfiguracja Stripe BLIK.
Tydzień 1
Integracja backendu i płatności
Konfiguracja projektu Supabase, Edge Functions do pełnego przepływu rezerwacji, integracja Stripe BLIK i logika potwierdzania płatności.
Tydzień 2
Podłączenie frontendu i testy
Integracja przepływów backendowych z istniejącym frontendem Lovable, testy end-to-end rezerwacji i płatności oraz wdrożenie produkcyjne.
Po wdrożeniu
Wsparcie ongoing
Monitoring po uruchomieniu, iteracyjne ulepszenia i dodawanie funkcji w miarę rozwoju biznesu.
Ekrany i materiały
Technologia
Najważniejsze efekty
- ✓Polscy klienci mogą teraz płacić BLIKiem w PLN — jedyny przepływ płatności, który konwertuje na tym rynku, zastępujący integrację Calendly obsługującą tylko EUR
- ✓Zarówno wizyty stacjonarne, jak i konsultacje online są możliwe do rezerwacji end-to-end, z automatycznym potwierdzeniem powiązanym z pomyślną płatnością
- ✓Strona właściciela zbudowana w Lovable działa na produkcyjnym backendzie bez zarządzania serwerami i overhead DevOps
- ✓Cały projekt dostarczony w 2 tygodnie — od pierwszego przeglądu kodu do żywych rezerwacji z prawdziwymi płatnościami