Dla naszego klienta z branży piwnej zrealizowaliśmy kompleksowy sklep internetowy w architekturze headless, integrując Shopify jako backend sprzedażowy z autorskim frontendem opartym o Next.js (App Router). Projekt został w pełni zaprojektowany i zaimplementowany przez nasz zespół — od warstwy UX/UI, przez frontend, aż po backendową logikę biznesową.
- Frontend w Next.js – Zbudowaliśmy lekki, szybki i w pełni responsywny interfejs z wykorzystaniem najnowszego App Routera i komponentów serwerowych. Umożliwia to precyzyjne zarządzanie ładowaniem danych i optymalizację wydajności.
- Customowy system konfiguracji produktów – Użytkownik może wybrać karton (6 lub 12 piw), a następnie skomponować własny zestaw. Opracowaliśmy własny mechanizm zarządzania stanem aplikacji z użyciem Context API i reducerów, który umożliwia dynamiczne dodawanie, usuwanie i walidację produktów w czasie rzeczywistym.
- Integracja z Shopify Storefront API – Sklep został w pełni zintegrowany z Shopify przez GraphQL Storefront API, co pozwala na pełną kontrolę nad procesem zakupowym i wyglądem interfejsu. Checkout realizowany jest z poziomu naszej aplikacji, co znacząco poprawia UX.
- System opinii oparty na Supabase – Zamiast korzystać z gotowych wtyczek, stworzyliśmy własny system opinii oparty o Supabase (PostgreSQL + Auth + RLS). Opinie zapisywane są poprzez Next.js API Routes, z możliwością rozbudowy o moderację i funkcjonalności realtime.
- Wydajność i optymalizacja – Całość została wdrożona na platformie Vercel, z wykorzystaniem edge funkcji i strategii Incremental Static Regeneration. Dzięki temu zapewniliśmy bardzo szybkie czasy ładowania (TTFB < 100 ms) oraz wysoką dostępność.
Efektem współpracy jest nowoczesny, wydajny i w pełni skalowalny sklep internetowy, w pełni dostosowany do potrzeb marki oraz jej klientów. Projekt zaprojektowany został z myślą o dalszym rozwoju, łatwej rozbudowie i integracji z dodatkowymi usługami.