Zapomnij o rozbudowanym WordPressie — recenzja hybrydowego CMS Vvveb z edytorem wizualnym

Wybór silnika dla małej strony internetowej lub sklepu online często zamienia się w poszukiwanie kompromisu. Z jednej strony mamy WordPress z masą rozbudowanych wtyczek, które ciągle psują się po aktualizacjach. Z drugiej — nowoczesne systemy Headless jak Strapi czy Directus, gdzie frontend trzeba budować od zera.

Ostatnio natknąłem się na projekt open-source Vvveb (givanz/Vvveb). To próba połączenia wizualnego konstruktora stron, funkcji e-commerce i hybrydowej architektury w jednej kompaktowej aplikacji PHP.

Projekt zbiera na GitHub dość skromną liczbę gwiazdek — w momencie pisania tego tekstu nieco ponad 11 000. Jednak w środku ukrytych jest wiele ciekawych rozwiązań inżynieryjnych.

Co kryje się wewnątrz Vvveb

Vvveb to samodzielny CMS napisany w PHP. Główna idea autora polegała na tym, by dać programistom gotowe narzędzie „wszystko w jednym" bez przeciążania systemu środowiskami wirtualnymi ważącymi gigabajty.

System może działać w dwóch trybach:

• Klasyczny monolit. Strony są renderowane po stronie serwera, szablony są budowane na Bootstrap 5, a treść jest edytowana przez wbudowany edytor wizualny.
• Headless CMS. Możesz używać Vvveb wyłącznie jako backendu, pobierając artykuły, produkty i ustawienia przez REST API lub GraphQL.

Interfejs panelu administracyjnego wygląda schludnie i obsługuje ciemny motyw out of the box:

| | | |:---:|:---:| | Panel administracyjny (jasny) | Panel administracyjny (ciemny) |

Edytor drag and drop bez zewnętrznych potworów

Zazwyczaj dodanie wizualnego konstruktora do CMS zamienia panel administracyjny w coś lagującego. Twórca Vvveb poszedł inną drogą i napisał własny edytor VvvebJs. To osobna biblioteka JavaScript na vanilla JS, która współpracuje z czystym HTML i Bootstrap 5.

Edytor nie zaśmieca finalnego kodu śmieciowymi tagami ani specyficznym markupem. Przeciągasz i upuszczasz bloki, zmieniasz style, edytujesz teksty bezpośrednio na stronie i otrzymujesz czysty HTML na wyjściu.

Sklep internetowy prosto z pudełka

Twórcy sklepów internetowych często muszą instalować ciężkie wtyczki jak WooCommerce. W Vvveb podstawowy moduł e-commerce jest wbudowany od razu.

Co jest już w systemie:

• Zamówienie na jednej stronie.
• Sprzedaż towarów cyfrowych i plików.
• Model sprzedaży subskrypcyjnej.
• Kupony, rabaty i kody promocyjne.
• Zarządzanie wariantami produktów, atrybutami i opiniami.

| | | |:---:|:---:| | Karta produktu w panelu admina | Sklep internetowy |

Szczegóły techniczne i wymagania systemowe

Z perspektywy infrastruktury Vvveb nie jest wymagający. Aby uruchomić projekt, potrzebujesz:

• PHP w wersji 7.4 lub wyższej (autor zaleca PHP 8.3+).
• Bazy danych do wyboru: MySQL (5.7+), MariaDB, PostgreSQL lub SQLite.

Obsługa SQLite to miły bonus. Możesz szybko uruchomić działającą stronę dla klienta na najtańszym hostingu bez konfigurowania osobnego serwera bazy danych.

Architektura bezpieczeństwa jest też dobrze przemyślana. Tylko jeden plik PHP jest faktycznie wystawiony na publiczny dostęp przez sieć. To zawęża możliwą powierzchnię ataku. Out of the box działają też ochrona przed atakami brute force, escapowanie injection SQL oraz możliwość ukrycia adresu logowania do panelu admina.

Wdrażanie projektu przez CLI

Instalacja trwa mniej niż minutę. Możesz pobrać gotowe archiwum lub sklonować repozytorium z submodułami:

git clone --recurse-submodules https://github.com/givanz/Vvveb

Jeśli wolisz wdrożenie przez skrypty, Vvveb ma polecenie konsolowe do deploymentu:

php cli.php install module=index host=127.0.0.1 user=root password=1234 database=vvveb admin[email][email protected] admin[password]=admin engine=mysqli

Aby użyć SQLite, po prostu zamień engine=mysqli na engine=sqlite.

Dla kogo będzie przydatny ten projekt

Vvveb nie próbuje konkurować z dużymi frameworkami enterprise. To narzędzie do szybkiego developmentu.

Projekt idealnie sprawdzi się dla:

• Freelancerów, którzy muszą dostarczać klientom landing page'e i małe sklepy z wygodnym panelem administracyjnym.
• Programistów szukających lekkiego backendu headless z gotowym GUI do zarządzania produktami.
• Osób zmęczonych ciągłymi aktualizacjami wtyczek bezpieczeństwa w WordPressie.

System ma też słabości. Społeczność Vvveb jest wciąż niewielka, więc znalezienie odpowiedzi na konkretne pytania w Google będzie trudniejsze niż w przypadku popularnych silników. Licencja projektu to AGPLv3, co warto wziąć pod uwagę przy zamkniętym komercyjnym developmentcie.

Mimo to Vvveb pozostawia przyjemne wrażenie przemyślanego i monolitycznego narzędzia. Jeśli potrzebujesz szybkiego silnika z wizualnym edytorem „wszystko w jednym", zdecydowanie warto przyjrzeć mu się bliżej.