CartMart — marketplace B2B materiałów do druku
Marketplace internetowy dla firm handlujących kartridżami, tonerem i częściami do drukarek: katalog produktów, ceny hurtowe i konto sprzedawcy.
Cel projektu
Połączyć profesjonalnych kupujących i dostawców materiałów do druku na jednej platformie, łącząc wyszukiwanie produktów, opcje opakowania i procesy handlowe w aplikacji internetowej.
Koncepcja
CartMart łączy witrynę Next.js z zapleczem Magento. Kupujący mogą szukać produktów według producenta, kategorii i ceny, a dostawcy zarządzać ofertami na swoim koncie. Kod zawiera także zapytania o produkty, kontroferty, import CSV i procesy związane z zamówieniami.
Wewnątrz marketplace’u
Rzeczywiste ekrany uruchomionej lokalnie aplikacji, połączonej z osobną instalacją Magento i niewielkim katalogiem demonstracyjnym.
Zrzuty ekranu pokazują lokalne demo z fikcyjnymi firmami, ofertami, cenami i zapasami. Zdjęcia produktów i logo CartMart pochodzą z repozytorium projektu. Płatności, wiadomości e-mail, zewnętrzne tłumaczenie i operacje zapisu są wyłączone. Zakupy, kontroferty, import CSV i fakturowanie nie zostały przetestowane od początku do końca.
Zalety
- 🔎 Precyzyjne wyszukiwanie — filtrowanie katalogu według producenta, kategorii, typu i ceny.
- 📦 Warunki zakupu — porównanie opakowań i cen zależnych od ilości na stronie produktu.
- 🏷️ Przestrzeń sprzedawcy — przegląd własnych ofert i dostęp do narzędzi zarządzania produktami.
- 🤝 Procesy B2B — osobne interfejsy zapytań o produkty i kontrofert.
- 🛠️ Zarządzanie katalogiem — dane produktów, warianty i stany magazynowe w administracji Magento.
Technologie
Witryna korzysta z Next.js, React i TypeScript, Apollo Client do GraphQL oraz Redux Toolkit do stanu i zapytań REST. Zaplecze PHP działa na Magento Open Source 2.4.7-p3 z modułami projektu. Lokalne demo wykorzystuje MariaDB i Elasticsearch.
- Next.js / React / TypeScript
- Apollo Client / GraphQL / Redux Toolkit
- PHP / Magento Open Source
- MySQL (MariaDB) / Elasticsearch
Tworzenie marketplace’u B2B materiałów do druku
Handel materiałami do druku wymaga czegoś więcej niż listy produktów i cen. Profesjonalni kupujący muszą rozróżniać producentów, typy produktów, opakowania i warunki zależne od ilości. CartMart pokazuje, jak marketplace internetowy może uporządkować te informacje razem z narzędziami sprzedawcy.
Katalog wspierający decyzje zakupowe
Katalog CartMart oferuje filtry producenta, kategorii, typu i ceny. Strony produktów łączą zdjęcia i opisy z wariantami opakowania oraz progami cenowymi. Kupujący biznesowy widzi dzięki temu najważniejsze warunki zakupu w jednym miejscu, zamiast szukać ich w osobnych zestawieniach.
Połączenie witryny i przestrzeni sprzedawcy
Aplikacja Next.js udostępnia katalog i ekrany konta. Apollo Client komunikuje się z Magento przez GraphQL, a endpointy REST obsługują konta i operacje specyficzne dla projektu. Magento przechowuje katalog, produkty konfigurowalne i stany magazynowe. Własne moduły rozszerzają zaplecze o procesy marketplace’u.
Co potwierdza lokalne demo
Zrzuty ekranu dokumentują rzeczywisty lokalny klient Next.js oraz instalację Magento z fikcyjnymi danymi. Demo obejmuje katalog, szczegóły produktów, oferty sprzedawcy i administrację katalogiem. Kontroferty, import, zakupy i fakturowanie są obecne w kodzie, lecz nie zostały w pełni przetestowane. Przykład pokazuje strukturę produktu i działanie interfejsu bez deklarowania wyników handlowych.