Oubliez WordPress, ce monstre lent — Test du CMS hybride Vvveb avec éditeur visuel

Choisir un moteur pour un petit site web ou une boutique en ligne se transforme souvent en une recherche de compromis. D'un côté, WordPress avec une multitude de plugins lourds qui cassent constamment après les mises à jour. De l'autre — les systèmes Headless modernes comme Strapi ou Directus, où le frontend doit être construit de zéro.

Récemment, je suis tombé sur un projet open-source Vvveb (givanz/Vvveb). C'est une tentative de combiner un constructeur de pages visuel, des fonctionnalités e-commerce et une architecture hybride dans une application PHP compacte.

Le projet collecte des étoiles sur GitHub de manière assez modeste — au moment de la rédaction, il n'y en a qu'un peu plus de 11 000. Cependant, de nombreuses solutions d'ingénierie intéressantes se cachent à l'intérieur.

Ce qu'il y a à l'intérieur de Vvveb

Vvveb est un CMS auto-hébergé écrit en PHP. L'idée principale de l'auteur était de fournir aux développeurs un outil prêt à l'emploi « tout-en-un » sans surcharger le système avec des environnements virtuels pesant des gigaoctets.

Le système peut fonctionner en deux modes :

• Monolithe classique. Les pages sont rendues côté serveur, les thèmes sont construits avec Bootstrap 5, et le contenu est modifié via l'éditeur visuel intégré.
• CMS headless. Vous pouvez utiliser Vvveb exclusivement comme backend, en récupérant les articles, les produits et les paramètres via l'API REST ou GraphQL.

L'interface du panneau d'administration est soignée et prend en charge le thème sombre prêt à l'emploi :

| | | |:---:|:---:| | Panneau d'administration (clair) | Panneau d'administration (sombre) |

Éditeur drag and drop sans monstres tiers

Généralement, ajouter un constructeur visuel à un CMS transforme le panneau d'administration en quelque chose de lent et laborieux. Le développeur de Vvveb a adopté une approche différente et a écrit son propre éditeur VvvebJs. Il s'agit d'une bibliothèque JavaScript séparée en vanilla JS qui fonctionne avec du HTML propre et Bootstrap 5.

L'éditeur ne pollue pas le code final avec des balises inutiles ou un balisage spécifique. Vous glissez-déposez des blocs, modifiez les styles, modifiez les textes directement sur la page, et vous obtenez du HTML propre en sortie.

Boutique en ligne dès la sortie de la boîte

Les créateurs de boutiques en ligne doivent souvent installer des plugins lourds comme WooCommerce. Dans Vvveb, le module e-commerce de base est intégré immédiatement.

Ce qui est déjà dans le système :

• Checkout en une page.
• Vente de biens numériques et de fichiers.
• Modèle de vente par abonnement.
• Coupons, réductions et codes promo.
• Gestion des variations de produits, des attributs et des avis.

| | | |:---:|:---:| | Fiche produit dans l'admin | Vitrine de la boutique |

Détails techniques et exigences système

D'un point de vue infrastructure, Vvveb est peu exigeant. Pour lancer le projet, vous aurez besoin de :

• PHP version 7.4 ou supérieure (l'auteur recommande PHP 8.3+).
• Base de données de votre choix : MySQL (5.7+), MariaDB, PostgreSQL ou SQLite.

La prise en charge de SQLite est un bonus appréciable. Vous pouvez rapidement mettre en place un site fonctionnel pour un client sur l'hébergement le moins cher sans configurer un serveur de base de données séparé.

L'architecture de sécurité est également bien pensée. Un seul fichier PHP est réellement exposé à l'accès web public. Cela réduit la surface d'attaque possible. Prête à l'emploi, la protection contre les attaques par force brute, l'échappement des injections SQL et la possibilité de masquer l'adresse de connexion à l'administration fonctionnent également.

Déploiement du projet via CLI

L'installation prend moins d'une minute. Vous pouvez télécharger une archive prête à l'emploi ou cloner le dépôt avec les sous-modules :

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

Si vous préférez le déploiement via des scripts, Vvveb dispose d'une commande de déploiement console :

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

Pour utiliser SQLite, remplacez simplement engine=mysqli par engine=sqlite.

À qui ce projet sera-t-il utile

Vvveb ne tente pas de concurrencer les grands frameworks d'entreprise. C'est un outil de développement rapide.

Le projet est parfait pour :

• Les freelances qui doivent livrer des landing pages et des petites boutiques avec un panneau d'administration pratique aux clients.
• Les développeurs à la recherche d'un backend headless léger avec une GUI prête à l'emploi pour la gestion des produits.
• Ceux qui en ont marre des mises à jour constantes des plugins de sécurité dans WordPress.

Le système a également des faiblesses. La communauté Vvveb est encore petite, donc trouver des réponses à des questions spécifiques sur Google sera plus difficile que pour les moteurs populaires. La licence du projet est AGPLv3, ce qui mérite d'être pris en compte pour le développement commercial fermé.

Néanmoins, Vvveb laisse une impression agréable d'un outil bien pensé et monolithique. Si vous avez besoin d'un moteur rapide avec un éditeur visuel « tout-en-un », cela vaut définitivement le coup d'y regarder de plus près.