Headless e-commerce w praktyce: migracja z PrestaShop 1.7 do 9 i szybki frontend w Nuxt 4.4

Headless e-commerce w praktyce to nasz projekt dla YouLook.pl i LavMag.eu: migracja z PrestaShop 1.7 do wersji 9 i nowy, szybki frontend w Nuxt 4.4. Klienci oczekują szybkich stron, Google ocenia Core Web Vitals, a sklep z dużym katalogiem musi wytrzymać ruch w wyprzedaże. Klasyczny monolit przy takiej skali zaczyna hamować.

Migracja z PrestaShop 1.7 do 9: czysty start zamiast łatania

Sklep działał latami na PrestaShop 1.7. Obrósł modułami, a struktura danych była daleka od optymalnej. Zamiast aktualizować wersja po wersji, razem z klientem przeszliśmy od razu na PrestaShop 9.0.3.

1. 01
   Nowa, czysta baza danych

   Nie przenosimy starej bazy w całości. Stawiamy nową.

2. 02
   Przeniesienie danych

   Klienci, historia zamówień, katalog, kategorie oraz relacje cech i atrybutów, z zachowaniem integralności danych.

3. 03
   Usunięcie balastu

   Nieużywane tabele i moduły zostają w starym systemie. Platforma startuje bez długu technologicznego.

Backend: co pracuje pod spodem

Backend ma szybko odpowiadać na zapytania i wytrzymać skoki ruchu. Najważniejszy element to osobna wyszukiwarka: przy dużym asortymencie zwykłe wyszukiwanie w bazie staje się wąskim gardłem, a ElasticSearch daje wyniki i podpowiedzi w milisekundy i odciąża MySQL.

Warstwa	Rozwiązanie	Rola
Rdzeń sklepu	PrestaShop 9.0.3	produkty, zamówienia, logika biznesowa
Środowisko	PHP 8.5	szybkie wykonanie kodu, krótszy czas odpowiedzi API (TTFB)
Baza danych	MySQL 8	bezpieczne przechowywanie danych
Wyszukiwarka i filtry	ElasticSearch 7	szybkie wyszukiwanie i filtrowanie katalogu
Frontend	Nuxt 4.4	interfejs sklepu (SSR i hydracja)
Pamięć podręczna	Redis	szybkie odpowiedzi na powtarzalne zapytania API

Frontend headless w Nuxt 4.4: co zyskuje sklep

Najważniejsza zmiana: frontend jest całkowicie odpięty od PrestaShop. Sklep tylko dostarcza dane przez REST API, a cały interfejs napisaliśmy od zera w Nuxt 4.4.

• SSR (renderowanie po stronie serwera): karty produktów, kategorie i blog trafiają do Google jako gotowy HTML. Robot nie musi wykonywać JavaScriptu, żeby zobaczyć treść. To podstawa SEO.
• Redis: dane, które rzadko się zmieniają (menu, stałe opisy), idą z pamięci RAM, bez odpytywania backendu.
• PWA: klient doda sklep do ekranu telefonu jak aplikację. Strona działa płynnie i buforuje dane.
• Powiadomienia Web Push: komunikaty o promocjach albo przypomnienia o porzuconym koszyku prosto na ekran urządzenia.

Płatności, dostawy i analityka

Płatności i logistyka

• tpay i Przelewy24: BLIK, szybkie przelewy, karty,
• InPost Pay, który skraca proces zakupu,
• InPost: Paczkomaty na interaktywnej mapie i kurier.

Analityka i marketing

Skrypty w przeglądarce gubią coraz więcej danych przez blokery reklam i ograniczenia prywatności. Dlatego część zdarzeń wysyłamy też z serwera.

• GTM Server-Side i GA4: pełna analityka zdarzeń e-commerce.
• Meta Pixel i Conversions API: dodanie do koszyka, checkout i zakup idą równolegle z przeglądarki i z serwera, więc pomiar ROAS jest dokładniejszy.
• Google Merchant Center i Facebook: feedy produktowe generowane i aktualizowane automatycznie dla kampanii produktowych.
• edrone: CRM i marketing automation, czyli scenariusze e-mail i rekomendacje produktów.

Własne moduły: 12 rzeczy, których nie ma w pudełku

Na tej architekturze pracuje 12 modułów, które napisaliśmy sami i utrzymujemy przy każdej aktualizacji PrestaShop. Do tego wdrażamy sprawdzone moduły zewnętrzne, od płatności (tpay, Przelewy24, Autopay) po wysyłki (InPost, ORLEN Paczka).

• REST API pod headless: most między Nuxt a PrestaShop, napisany przez nas od podstaw pod szybkość.
• Webhooki: zdarzenia ze sklepu (zamówienie, zmiana stanu) trafiają do dowolnego zewnętrznego API.
• Zdjęcia poza PrestaShop: obsługa zdjęć produktów trzymanych w osobnym storage.
• Feedy: Google Merchant Center i katalog produktów dla reklam Meta.
• Pomiar i opinie: wysyłka zamówień do Hyros, eKomi i Zaufane.pl.
• Afiliacja UGC: kody rabatowe dla twórców.
• Sprzedaż i dostawa: godziny przewoźników z terminem dostawy, synchronizacja z Allegro, raport sprzedaży, licznik wyświetleń i sortowanie „najczęściej oglądane”.

Dla kogo jest ta architektura

Headless ma sens tam, gdzie klasyczna platforma łapie zadyszkę: duży katalog i oferta, która ciągle się zmienia. W LavMag.eu i YouLook.pl rotacja towaru jest bardzo duża, a stany zmieniają się cały czas. ElasticSearch obsługuje katalog, Redis odciąża API, więc oferta aktualizuje się szybko, a sklep dla klienta pozostaje szybki.