UTSlovakia: wielojęzyczny katalog produktów z CMS
Katalog akceptorów banknotów i komponentów płatniczych w czterech językach, z panelem CMS, w którym klient sam zarządza produktami.
Wyniki
Co zmieniło się po starcie projektu
Wyzwanie
Firma dystrybuuje akceptory banknotów, wrzutniki monet, monitory i moduły płatności dla branży gamingowej i vendingowej w całej Europie. Klienci szukają konkretnych modeli w różnych językach.
Potrzebny był katalog, a nie sklep: produkty prowadzą do aukcji na eBay albo do zapytania o wycenę, a zespół klienta musi samodzielnie dodawać i edytować produkty.
Rozwiązanie
Zbudowałem katalog w Next.js z Payload CMS pod adresem /admin, bazą PostgreSQL i zdjęciami w Cloudflare R2.
Strona działa w czterech językach (polski domyślnie, angielski, słowacki i portugalski brazylijski), ma wyszukiwarkę produktów, kategorie i przejrzyste karty produktów. Do CMS dołączyłem instrukcję dla redaktorów po polsku.
Kluczowe funkcje
Co potrafi
- Funkcja 01
Panel CMS
Payload CMS z rolami użytkowników: zespół klienta sam dodaje produkty, zdjęcia i tłumaczenia.
- Funkcja 02
Cztery wersje językowe
next-intl z polskim jako językiem domyślnym oraz EN, SK i PT-BR.
- Funkcja 03
Wyszukiwarka i kategorie
Szybkie wyszukiwanie produktów i nawigacja po kategoriach, także na telefonie.
- Funkcja 04
Testy i migracje
Testy jednostkowe (Vitest) i end-to-end (Playwright) oraz migracje bazy uruchamiane przy każdym wdrożeniu.
Ekrany
Jak to wygląda
Technologia
Technologia i architektura
- Next.js
- TypeScript
- Tailwind CSS
- Payload CMS
- PostgreSQL (Neon)
- Cloudflare R2
- next-intl
- Playwright
- Vitest
- Vercel