Esqueça o WordPress inchado — review do CMS híbrido Vvveb com editor visual

Escolher um motor para um pequeno site ou loja online frequentemente se torna uma busca por compromissos. De um lado está o WordPress com um monte de plugins pesados que constantemente quebram após atualizações. Do outro — sistemas Headless modernos como Strapi ou Directus, onde o frontend precisa ser construído do zero.

Recentemente encontrei um projeto open-source Vvveb (givanz/Vvveb). Esta é uma tentativa de combinar um construtor visual de páginas, funcionalidade de e-commerce e uma arquitetura híbrida em uma aplicação PHP compacta.

O projeto coleta estrelas no GitHub de forma bastante modesta — no momento da escrita, são pouco mais de 11.000. No entanto, muitas soluções de engenharia interessantes estão escondidas lá dentro.

O que tem dentro do Vvveb

Vvveb é um CMS auto-hospedado escrito em PHP. A ideia principal do autor era dar aos desenvolvedores uma ferramenta pronta "all-in-one" sem sobrecarregar o sistema com ambientes virtuais pesando gigabytes.

O sistema pode funcionar em dois modos:

• Monolito clássico. Páginas são renderizadas no servidor, temas são construídos com Bootstrap 5, e o conteúdo é editado através do editor visual integrado.
• CMS Headless. Você pode usar Vvveb exclusivamente como backend, puxando artigos, produtos e configurações via REST API ou GraphQL.

A interface do painel admin parece limpa e suporta tema escuro nativamente:

| | | |:---:|:---:| | Painel admin (claro) | Painel admin (escuro) |

Editor drag and drop sem monstros de terceiros

Normalmente adicionar um construtor visual a um CMS transforma o painel admin em algo lento. O desenvolvedor do Vvveb tomou uma abordagem diferente e escreveu seu próprio editor VvvebJs. Esta é uma biblioteca JavaScript separada em vanilla JS que funciona com HTML limpo e Bootstrap 5.

O editor não polui o código final com tags de lixo ou marcação específica. Você arrasta e solta blocos, muda estilos, edita textos diretamente na página, e obtém HTML limpo na saída.

Loja online direto da caixa

Criadores de lojas online frequentemente precisam instalar plugins pesados como WooCommerce. No Vvveb, o módulo básico de e-commerce já vem integrado imediatamente.

O que já está no sistema:

• Checkout de uma página.
• Venda de produtos digitais e arquivos.
• Modelo de vendas por assinatura.
• Coupons, descontos e códigos promocionais.
• Gerenciamento de variações de produtos, atributos e avaliações.

| | | |:---:|:---:| | Card de produto no admin | Vitrine da loja |

Detalhes técnicos e requisitos do sistema

De uma perspectiva de infraestrutura, o Vvveb é pouco exigente. Para iniciar o projeto, você vai precisar de:

• PHP versão 7.4 ou superior (o autor recomenda PHP 8.3+).
• Banco de dados da sua escolha: MySQL (5.7+), MariaDB, PostgreSQL ou SQLite.

O suporte a SQLite é um bônus interessante. Você pode rapidamente levantar um site funcionando para um cliente na hospedagem mais barata sem configurar um servidor de banco de dados separado.

A arquitetura de segurança também é bem pensada. Apenas um arquivo PHP é realmente exposto ao acesso web público. Isso reduz a superfície de ataque possível. Nativamente, funcionam proteção contra força bruta, escape de injeção SQL, e a possibilidade de esconder o endereço de login do admin.

Implantando o projeto via CLI

A instalação leva menos de um minuto. Você pode baixar um arquivo compactado pronto ou clonar o repositório com submódulos:

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

Se você prefere implantação via scripts, o Vvveb tem um comando de implantação via 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

Para usar SQLite, simplesmente substitua engine=mysqli por engine=sqlite.

Para quem este projeto será útil

O Vvveb não tenta competir com frameworks empresariais grandes. É uma ferramenta para desenvolvimento rápido.

O projeto é perfeito para:

• Freelancers que precisam entregar landing pages e pequenas lojas com um painel admin conveniente para clientes.
• Desenvolvedores procurando um backend headless leve com uma GUI pronta para gerenciamento de produtos.
• Aqueles cansados de atualizações constantes de plugins de segurança no WordPress.

O sistema também tem fraquezas. A comunidade Vvveb ainda é pequena, então encontrar respostas para perguntas específicas no Google será mais difícil do que para motores populares. A licença do projeto é AGPLv3, o que vale a pena considerar para desenvolvimento comercial fechado.

No entanto, o Vvveb deixa uma impressão agradável de uma ferramenta bem pensada e monolítica. Se você precisa de um motor rápido com editor visual "all in one", definitivamente vale a pena dar uma olhada mais de perto.