Vergeet log WordPress — review van hybride CMS Vvveb met visuele editor

Het kiezen van een engine voor een kleine website of online winkel verandert vaak in een zoektocht naar compromissen. Aan de ene kant ligt WordPress met een heleboel logge plugins die voortdurend breken na updates. Aan de andere kant — moderne headless systemen zoals Strapi of Directus, waarbij de frontend helemaal opnieuw gebouwd moet worden.

Onlangs kwam ik een open-source project tegen: Vvveb (givanz/Vvveb). Dit is een poging om een visuele page builder, e-commercefunctionaliteit en een hybride architectuur te combineren in één compacte PHP-applicatie.

Het project verzamelt sterren op GitHub vrij bescheiden — op het moment van schrijven zijn er net iets meer dan 11.000. Er zijn echter veel interessante technische oplossingen verborgen.

Wat zit er in Vvveb

Vvveb is een zelfgehost CMS geschreven in PHP. Het hoofdidee van de auteur was om ontwikkelaars een kant-en-klaar "all-in-one"-tool te geven zonder het systeem te belasten met virtuele omgevingen die gigabytes wegen.

Het systeem kan in twee modi werken:

• Klassieke monolith. Pagina's worden op de server gerenderd, thema's worden gebouwd met Bootstrap 5, en content wordt bewerkt via de ingebouwde visuele editor.
• Headless CMS. Je kunt Vvveb uitsluitend gebruiken als backend, waarbij je artikelen, producten en instellingen ophaalt via REST API of GraphQL.

De admin panel interface ziet er netjes uit en ondersteunt donkere modus out of the box:

| | | |:---:|:---:| | Admin panel (licht) | Admin panel (donker) |

Drag and drop editor zonder externe monsters

Meestal verandert het toevoegen van een visuele builder aan een CMS het admin panel in iets dat begint te haperen. De Vvveb-ontwikkelaar koos een andere aanpak en schreef zijn eigen editor: VvvebJs. Dit is een aparte JavaScript-bibliotheek op vanilla JS die werkt met schone HTML en Bootstrap 5.

De editor vervuilt de uiteindelijke code niet met rommelige tags of specifieke markup. Je sleept blokken, verandert stijlen, bewerkt teksten direct op de pagina en krijgt schone HTML als output.

Online winkel direct uit de doos

Ontwikkelaars van online winkels moeten vaak zware plugins zoals WooCommerce installeren. In Vvveb is de basise-commerce-module direct ingebouwd.

Wat er al in het systeem zit:

• One-page checkout.
• Verkoop van digitale goederen en bestanden.
• Abonnementsverkoopmodel.
• Coupons, kortingen en promotiecodes.
• Beheer van productvariaties, attributen en reviews.

| | | |:---:|:---:| | Productkaart in admin | Webwinkel |

Technische details en systeemvereisten

Vanuit infrastructuurperspectief is Vvveb niet veeleisend. Om het project te starten heb je nodig:

• PHP versie 7.4 of hoger (de auteur raadt PHP 8.3+ aan).
• Database naar keuze: MySQL (5.7+), MariaDB, PostgreSQL of SQLite.

SQLite-ondersteuning is een leuk extraatje. Je kunt snel een werkende site voor een klant opzetten op de goedkoopste hosting zonder een aparte databaseserver te configureren.

De beveiligingsarchitectuur is ook goed doordacht. Slechts één PHP-bestand wordt daadwerkelijk blootgesteld aan openbare webtoegang. Dit verkleint het mogelijke aanvalsoppervlak. Out of the box werken ook brute force-bescherming, SQL-injectie-escaping en de mogelijkheid om het admin-inlogadres te verbergen.

Het project deployen via CLI

De installatie duurt minder dan een minuut. Je kunt een kant-en-klaar archief downloaden of de repository klonen met submodules:

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

Als je de voorkeur geeft aan deployment via scripts, heeft Vvveb een console deployment-commando:

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

Om SQLite te gebruiken, vervang je engine=mysqli gewoon door engine=sqlite.

Voor wie is dit project nuttig

Vvveb probeert niet te concurreren met grote enterprise-frameworks. Het is een tool voor snelle ontwikkeling.

Het project is perfect voor:

• Freelancers die landingpages en kleine winkels met een handig admin panel aan klanten moeten leveren.
• Ontwikkelaars die op zoek zijn naar een lichtgewicht headless backend met een kant-en-klare GUI voor productbeheer.
• Mensen die moe zijn van constante beveiligingsplugin-updates in WordPress.

Het systeem heeft ook zwakheden. De Vvveb-community is nog klein, dus het vinden van antwoorden op specifieke vragen op Google zal moeilijker zijn dan voor populaire engines. De projectlicentie is AGPLv3, wat het overwegen waard is voor gesloten commerciële ontwikkeling.

Desondanks laat Vvveb een prettige indruk achter van een goed doordachte en monolithische tool. Als je een snelle engine met een visuele editor "all in one" nodig hebt, is het zeker de moeite waard om er eens naar te kijken.