Minimalistyczny sklep dla TraczykLeather w Saleor i Next.js

Rozwiązanie

Rozpoczęliśmy projekt od zdefiniowania wymagań klienta i przygotowania planu, a następnie podzieliliśmy go na fazy i ustaliliśmy harmonogram prac. Realizowaliśmy sklep internetowy w metodologii Agile, gdzie zadania wykonywaliśmy w formie jednotygodniowych sprintów, a po każdym spotykaliśmy się z klientem, by omówić postęp prac. Podczas implementacji najważniejszy był stały kontakt z klientem, co pozwoliło nam szybko omawiać najważniejsze sprawy i wprowadzać zmiany w projekcie. Rozpoczęliśmy tworzenie sklepu internetowego od stworzenia makiety UX, którą po akceptacji przez klienta uzupełniliśmy o design. Interfejs użytkownika zaprojektowaliśmy tak, aby zagwarantować jak najprostszy proces zakupowy. W ramach tworzenia identyfikacji wizualnej zaprojektowaliśmy również nowy logotyp dla części marki offline. Kiedy makiety UX i design były gotowe, przystąpiliśmy do implementacji platformy sprzedażowej. Projekt został zaimplementowany w koncepcji headless eCommerce, gdzie część frontendu sklepu internetowego stworzyliśmy przy użyciu technologii NextJs, zapewniającej szybkość strony i jej responsywność. NextJs pozwala także na optymalizację pod kątem SEO i dobre pozycjonowanie. Część backendu sklepu została zbudowana w technologii Saleor, nowoczesnej platformie eCommerce, która pozwala tworzyć bardzo szybkie sklepy internetowe. Saleor jest oprogramowaniem typu open source, co oznacza, że zyskuje dużą społeczność i szybko się rozwija. Technologia Saleor została zbudowana z myślą o koncepcji headless eCommerce, co w połączeniu z technologią NextJs daje pełną elastyczność i możliwość większości integracji narzędzi eCommerce, takich jak CMS, PIM itd. W projekcie wykorzystaliśmy panel admina Saleor, który został stworzony w technologii React. W sklepie internetowym wykorzystaliśmy kilka integracji eCommerce. Została podłączona bramka płatności Stripe oraz Paczkomaty Inpost w celu umożliwienie wyboru paczkomatu jako metody dostawy zamówienia. Klient zdecydował się na podłączenie Stripe ze względu na wiele możliwych sposobów płatności i automatyczną integrację z polską bramką płatności Przelewy24, która umożliwiła płatność min. Blik. Wybór bramki Stripe był również podyktowany zamiarem sprzedaży zagranicznej. Z tego względu sklep internetowy został wyposażony również w dwie wersje językowe, polską i angielską. Panel admina Saleor umożliwia łatwe zarządzanie produktami oraz contentem sklepu dla obu języków. W celu zapewnienia bezpieczeństwa sklepu i zgodności z prawem sklep został wyposażony w certyfikat SSL oraz wtyczkę do obsługi cookies. Certyfikat SSL gwarantuje bezpieczne połączenie ze stroną i wpływa pozytywnie na pozycjonowanie SEO platformy sprzedażowej. Zaimplementowana wtyczka do cookies jest zgodna z wytycznymi RODO i pozwala na zarządzanie preferencjami, które cookies'y użytkownik chce zaakceptować podczas używania platformy eCommerce. Gotowy sklep internetowy wdrożyliśmy na serwerze VPS przy użyciu Dockera, który gwarantuje odpowiednie bezpieczeństwo i dostarczenie aplikacji ze wszystkimi potrzebnymi zależnościami i wybranym systemem operacyjnym. Dla optymalizacji dodatkowo w projekcie został zastosowany Redis. Jest to nierelacyjna baza danych, która świetnie sprawdza się przy cache’owaniu danych i zapewnia natychmiastową odpowiedź bazy na zapytania. Zdjęcia w projekcie serwowane są przez usługę Amazon AWS S3. AWS jest to usługa pamięci masowej oferowana przez Amazon. Usługa zapewnia łatwy i szybki dostęp do zdjęć, wskutek czego sklep ładuje się bardzo szybko.