Uma página de links que vende, não só aponta.
A Venimin é uma plataforma para criar páginas de links com catálogo, WhatsApp, captação de leads e métricas. Quem cria precisa de um editor simples, no computador e no celular; quem visita precisa de uma página que abre na hora. O produto foi desenhado e construído em três peças que conversam por um pacote de UI publicado.
- Editor e páginas separados
O editor (venimin-front) e o renderer das páginas publicadas (venimin-pages) são aplicações diferentes; o que os une é o pacote venimin-ui, com o renderer de blocos e o modelo de documento.
- Estilo como camada
27 estilos de design em 7 grupos, de editorial a vidro e neobrutal, aplicados sobre o mesmo documento, com regras de legibilidade para uma coluna lida no celular.
- Público sem JavaScript
Home, templates, planos e guias são renderizados no servidor para que rastreadores de IA, que não executam JavaScript, leiam o conteúdo inteiro.
As telas, como foram construídas.
Capturas e gravações do produto rodando, sem montagem.
Como o sistema se organiza.
Camadas da aplicação e a estrutura real do repositório.
- EditorNext.js 16 · React 19 · onboarding, editor, leads, métricas, domínio, equipe e cobrança
- PáginasRenderer das páginas publicadas, também em Next.js 16
- UI@tychedigital/venimin-ui · renderer de blocos, temas, estilos e modelo do documento
- TestesPlaywright de ponta a ponta no editor e no renderer · Vitest no pacote de UI
- PublicaçãoPacote versionado no GitHub Packages · consumido só por versão publicada
venimin-front/ ├─ src/app/editor ........... editor visual ├─ src/app/leads · analytics . leads e métricas ├─ src/app/settings/billing .. planos e Pix └─ e2e/ ..................... 29 arquivos de teste venimin-pages/ ................ páginas publicadas venimin-ui/ ├─ src/block-renderer.tsx .... blocos ├─ src/design-styles.ts ...... estilos de design └─ src/page-document.ts ..... documento e migração
Decisões que sustentam o produto.
- 01
Um documento, várias telas
A página é um documento em árvore (seções, pilhas, colunas, espaçadores e blocos) com adaptadores de migração da versão antiga; editor e renderer leem o mesmo formato.
- 02
Nove tipos de bloco
Link, social, chamada de WhatsApp, formulário, texto, imagem, vídeo, carrossel e cabeçalho, todos desenhados pelo mesmo renderer no editor e na página publicada.
- 03
Carregamento sem salto
Rotas que buscam dados no servidor mostram um esqueleto com a mesma forma da página; as rotas públicas não têm, para não esconder conteúdo dos rastreadores.
- 04
Pacote só por versão
O venimin-ui é consumido sempre por versão publicada, nunca por caminho local: o que roda em produção é exatamente o que foi testado.
- 05
Testes onde quebra
Specs de ponta a ponta cobrem cadastro, editor, celular, cobrança, domínio, leads e SEO; os testes do pacote cobrem renderer, estilos e documento.
O que foi entregue.
Um produto no ar em venimin.com.br, com editor, renderer e design system separados e cobertos por testes de ponta a ponta e de unidade.
- 27estilos de design
- 9tipos de bloco
- 105testes de ponta a ponta
- 70testes do pacote de UI
- Editor visual
- Renderer das páginas publicadas
- Design system com estilos de design
- Templates públicos
- Leads e métricas
- Assinatura com Pix
Os números vêm dos repositórios do produto (estilos, tipos de bloco e testes contados no código). As capturas são das páginas públicas e do material do próprio produto; telas internas do painel dependem de conta.
métricas de uso a incluir quando medidas em produção