Olvídate de WordPress inflado — revisión del CMS híbrido Vvveb con editor visual

Elegir un motor para un sitio web pequeño o una tienda online a menudo se convierte en una búsqueda de compromisos. Por un lado está WordPress con un montón de plugins pesados que constantemente se rompen después de las actualizaciones. Por el otro — sistemas Headless modernos como Strapi o Directus, donde el frontend tiene que construirse desde cero.

最近我遇到了一个开源项目 Vvveb (givanz/Vvveb)。这是一个将可视化页面构建器、电子商务功能和混合架构结合在一个紧凑的 PHP 应用程序中的尝试。

该项目在 GitHub 上的星标收集相当温和——在撰写本文时，刚刚超过 11,000 个。然而，里面隐藏着许多有趣的工程解决方案。

Qué hay dentro de Vvveb

Vvveb es un CMS autohospedado escrito en PHP. La idea principal del autor fue proporcionar a los desarrolladores una herramienta lista "todo en uno" sin sobrecargar el sistema con entornos virtuales que pesan gigabytes.

El sistema puede funcionar en dos modos:

• Monolito clásico. Las páginas se renderizan en el servidor, los temas se construyen con Bootstrap 5, y el contenido se edita a través del editor visual integrado.
• CMS Headless. Puedes usar Vvveb exclusivamente como backend, extrayendo artículos, productos y configuraciones a través de REST API o GraphQL.

La interfaz del panel de administración se ve limpia y soporta tema oscuro de serie:

| | | |:---:|:---:| | Panel de administración (claro) | Panel de administración (oscuro) |

Editor de arrastrar y soltar sin monstruos de terceros

Normalmente añadir un constructor visual a un CMS convierte el panel de administración en algo que se retrasa. El desarrollador de Vvveb tomó un enfoque diferente y escribió su propio editor VvvebJs. Esta es una biblioteca JavaScript separada en vanilla JS que funciona con HTML limpio y Bootstrap 5.

El editor no ensucia el código final con etiquetas de basura o marcado específico. Arrastras y sueltas bloques, cambias estilos, editas textos directamente en la página, y obtienes HTML limpio a la salida.

Tienda online directamente de serie

Los creadores de tiendas online a menudo tienen que instalar plugins pesados como WooCommerce. En Vvveb, el módulo básico de comercio electrónico está integrado inmediatamente.

Lo que ya está en el sistema:

• Checkout de una sola página.
• Venta de productos digitales y archivos.
• Modelo de venta por suscripción.
• Cupones, descuentos y códigos promocionales.
• Gestión de variaciones de productos, atributos y reseñas.

| | | |:---:|:---:| | Ficha de producto en admin | Tienda |

Detalles técnicos y requisitos del sistema

Desde una perspectiva de infraestructura, Vvveb no es exigente. Para lanzar el proyecto, necesitarás:

• PHP versión 7.4 o superior (el autor recomienda PHP 8.3+).
• Base de datos de tu elección: MySQL (5.7+), MariaDB, PostgreSQL o SQLite.

El soporte de SQLite es un buen extra. Puedes poner en marcha rápidamente un sitio funcional para un cliente en el hosting más barato sin configurar un servidor de base de datos separado.

La arquitectura de seguridad también está bien pensada. Solo un archivo PHP está realmente expuesto al acceso web público. Esto reduce la posible superficie de ataque. De serie también funcionan la protección contra fuerza bruta, el escape de inyección SQL, y la posibilidad de ocultar la dirección de inicio de sesión del administrador.

Desplegando el proyecto a través de CLI

La instalación tarda menos de un minuto. Puedes descargar un archivo listo o clonar el repositorio con submódulos:

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

Si prefieres el despliegue a través de scripts, Vvveb tiene un comando de despliegue por consola:

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

Para usar SQLite, simplemente reemplaza engine=mysqli con engine=sqlite.

Para quién será útil este proyecto

Vvveb no intenta competir con grandes frameworks empresariales. Es una herramienta para desarrollo rápido.

El proyecto es perfecto para:

• Freelancers que necesitan entregar landing pages y pequeñas tiendas con un panel de administración cómodo a los clientes.
• Desarrolladores que buscan un backend headless ligero con una GUI lista para la gestión de productos.
• Aquellos cansados de las constantes actualizaciones de plugins de seguridad en WordPress.

El sistema también tiene debilidades. La comunidad de Vvveb todavía es pequeña, por lo que encontrar respuestas a preguntas específicas en Google será más difícil que para motores populares. La licencia del proyecto es AGPLv3, lo cual vale la pena considerar para desarrollo comercial cerrado.

Sin embargo, Vvveb deja una impresión agradable de una herramienta bien pensada y monolítica. Si necesitas un motor rápido con un editor visual "todo en uno", definitivamente vale la pena echarle un vistazo más de cerca.