Handel B2B

Cadevent

Skoncentrowany sklep B2B do zamówień hurtowych, zbudowany w Nuxt nad istniejącym katalogiem WooCommerce. Działający checkout integruje wybór paczkomatu InPost, a WooCommerce pozostaje systemem źródłowym commerce.

Autor: Mateusz JuszczykOpublikowano 16 lipca 2026Zaktualizowano 17 lipca 2026

Rola: Samodzielnie zaprojektowałem i dostarczyłem storefront, integracje, checkout oraz wdrożenie produkcyjne.
Okres: 2026 · Ciągły rozwój produktu
Zespół: Projekt samodzielny · 1 developer

Strona główna sklepu Cadevent z produktami druku 3D

Wyzwanie

Istniejący setup WooCommerce nie miał dopasowanego frontu dla klientów biznesowych. Zamówienia hurtowe wymagały uproszczonej ścieżki od wyboru do checkoutu z InPost jako główną opcją dostawy.

Kluczowa decyzja

Zachować WooCommerce jako silnik handlowy, ale zastąpić warstwę motywu skoncentrowanym storefrontem Nuxt i kontrolowanym checkoutem.

Podejście

Wybrałem headlessowy frontend Nuxt podłączony do WooCommerce zamiast podejścia opartego na motywie, zachowując pełną kontrolę nad checkoutem. Zintegrowałem mapę InPost Geowidget, aby klient wybierał paczkomat podczas składania zamówienia. Zmienne środowiskowe konfigurują ID metod wysyłki pod mapowanie Baselinker.

Kluczowe elementy

Mapa InPost Geowidget do wyboru paczkomatu w checkoutcie
Headless WooCommerce z mapowaniem wysyłki Baselinker
Uproszczona ścieżka zamówień B2B od produktu do potwierdzenia

Architektura

Frontend Nuxt z renderowaniem po stronie serwera
Headless backend WooCommerce
Integracja API InPost Geowidget dla paczkomatów
TypeScript w całym frontendzie

Weryfikacja

Produkcyjny storefront oraz widoki produktów, filtrów, koszyka i checkoutu są publicznie dostępne na cadevent.pl
Zrzuty produkcyjne dokumentują storefront, katalog filamentów i kategorie produktowe użyte w case study
Działający checkout udostępnia ścieżkę dostawy InPost opisaną w dokumentacji projektu

Obecne ograniczenia

Źródła storefrontu Nuxt nie znajdują się w dostępnych repozytoriach GitHub, dlatego jego architektury wewnętrznej nie da się niezależnie zweryfikować w kodzie
Nie znaleziono zestawu testów automatycznych, konfiguracji monitoringu ani pipeline’u CI
Mapowanie Baselinker jest opisane jako konfiguracja, ale nie jest pokazane w publicznym kodzie