Composify - editor visual open source para React & biblioteca SDUI
(github.com/composify-js)Organizei e publiquei como open source um editor visual baseado em React que era usado internamente na minha empresa anterior. É uma ferramenta que ajuda pessoas não desenvolvedoras a montar e editar páginas diretamente, registrando com antecedência componentes usados repetidamente em páginas promocionais, apresentações de produtos, blogs e outros contextos.
Na empresa em que eu trabalhava, na prática mais da metade de todo o tráfego era atendido por páginas criadas com este editor. As equipes de marketing, produto e conteúdo conseguiam criar e publicar páginas rapidamente sem ajuda de engenheiros.
A forma de funcionamento é semelhante ao Puck ou ao Builder.io. Você registra componentes React criados previamente e define como cada prop deve ser preenchida, e então eles podem ser usados imediatamente no editor de Drag & Drop. O conteúdo das páginas é armazenado em um servidor remoto, permitindo atualizar páginas em tempo real sem necessidade de deploy.
A maior diferença é que ele pode ser usado imediatamente sem precisar modificar os componentes existentes. Foi projetado para conectar ao editor os componentes que já estão em uso exatamente como estão, sem necessidade de definir um novo schema separado nem mudar a estrutura dos componentes.
- Você pode conferir uma apresentação detalhada no site oficial: https://composify.js.org
- Também há uma demo disponível: https://composify.js.org/demo
8 comentários
Parece ser muito bem-feito.
Obrigado haha
Tenho inveja de saber que a empresa decidiu permitir que isso fosse criado.
Parece que, como a empresa investiu de forma consistente em engenharia, foi possível surgir uma boa solução de baixo para cima haha
Dá até muita inveja, de verdade.
Eu estava procurando justamente uma solução parecida, então vou experimentar.
Obrigado! Experimentem e fiquem à vontade para enviar feedback também :)
Não tenho uso para isso agora, mas vou salvar nos favoritos e voltar depois haha