Expondo
Dla Expondo — jednej z czołowych europejskich platform e-commerce, oferującej sprzęt dla branży gastronomicznej, przemysłowej i laboratoryjnej — dostarczyliśmy dedykowany zespół frontendowy wspierający rozwój i utrzymanie rozbudowanego sklepu internetowego. Głównym celem projektu była optymalizacja wydajności aplikacji, poprawa renderowania po stronie serwera (SSR) oraz ciągłe usprawnianie doświadczenia użytkownika w środowisku o dużym natężeniu ruchu i intensywnym rozwoju funkcji produktowych.
Nasz zespół działał bezpośrednio na kodzie produkcyjnym klienta, uczestnicząc w procesie projektowania i wdrażania nowych komponentów, refaktoryzacji istniejącego kodu oraz optymalizacji kluczowych fragmentów aplikacji. Praca przebiegała w ścisłej współpracy z wewnętrznym działem IT Expondo i była nastawiona na osiągnięcie konkretnych efektów w zakresie szybkości działania, jakości kodu oraz SEO.
Główne funkcjonalności:
- Kompleksowe wsparcie rozwoju frontendowego platformy e-commerce
- Optymalizacja SSR (Server-Side Rendering) i wskaźników wydajnościowych
- Praca na dużym kodzie produkcyjnym z tysiącami aktywnych produktów
- Wdrażanie i refaktoryzacja komponentów UI z myślą o skalowalności
- Wsparcie zespołu wewnętrznego w codziennej obsłudze i rozwoju platformy
- Utrzymanie jakości aplikacji mimo dynamicznych zmian biznesowych
Wyzwania:
Jednym z kluczowych wyzwań była optymalizacja działania rozbudowanego sklepu w technologii Nuxt.js, który obsługuje ogromną liczbę użytkowników i produktów. Projekt wymagał zaawansowanej wiedzy o SSR, renderowaniu dynamicznych treści oraz wpływie architektury frontendowej na SEO i Core Web Vitals. Dodatkowym aspektem było utrzymanie wysokiej jakości kodu i ergonomii interfejsu w szybko rozwijającym się środowisku produktowym, przy jednoczesnym zapewnieniu pełnej stabilności działania.
Zespół codeclutch został włączony w procesy developerskie klienta jako długofalowy partner technologiczny, zapewniając nie tylko bieżące utrzymanie, ale również wsparcie przy wdrażaniu usprawnień i optymalizacji istotnych z punktu widzenia użytkownika końcowego.
- Optymalizacja wydajności Nuxt.js w środowisku produkcyjnym: konieczność dostosowania SSR do ogromnej liczby dynamicznych produktów i użytkowników.
- Zarządzanie dużą bazą danych produktowych: utrzymanie szybkości ładowania i responsywności interfejsu przy tysiącach aktywnych SKU.
- Poprawa SEO oraz Core Web Vitals: potrzeba optymalizacji technicznej pod kątem wyszukiwarek oraz kluczowych wskaźników UX.
- Współpraca z dużym zespołem produktowym: integracja z istniejącym działem IT klienta i praca w metodyce agile.
- Skalowalność kodu i komponentów UI: konieczność projektowania rozwiązań z myślą o łatwym wdrażaniu na kolejnych rynkach i w różnych wersjach językowych.
Technologie:
- Nuxt.js: framework oparty na Vue.js z obsługą renderowania po stronie serwera (SSR), umożliwiający skuteczną optymalizację SEO i skrócenie czasu ładowania strony.
- Vue.js: komponentowa architektura interfejsu użytkownika pozwalająca na elastyczne zarządzanie logiką i warstwą wizualną aplikacji.
- TypeScript: narzędzie do statycznego typowania kodu, poprawiające czytelność, skalowalność i niezawodność całej bazy kodu.
- SCSS / CSS Modules: modułowy system stylowania komponentów pozwalający na łatwe zarządzanie wyglądem interfejsu i unikanie konfliktów w stylach.
- Jest + Testing Library: zestaw narzędzi do pisania testów jednostkowych i integracyjnych, wspierający jakość i stabilność wdrażanych zmian.
- Usprawnienie działania platformy e-commerce w środowisku produkcyjnym
- Poprawa wydajności i renderowania SSR, co przełożyło się na lepsze SEO
- Skuteczne zintegrowanie z wewnętrznym zespołem klienta i działanie w metodyce agile
- Refaktoryzacja i rozwój komponentów UI dostosowanych do wielu rynków
- Stabilność wdrożeń i efektywne zarządzanie zmianami w szybko rosnącym sklepie
