Vale construir sua versão de Webstudio Cloud?
Construtor visual de código aberto com projetos na nuvem, conexões com CMS e hospedagem
O fluxo visível do construtor visual de sites pode ser construído, mas uma alternativa convincente exige mais do que a primeira tela. O Webstudio Cloud justifica seu custo pelo editor, CMS, hospedagem e refinamento, então espere uma construção de um fim de semana a vários dias, com um escopo pessoal mais restrito.
EN → PTPesquisa traduzida automaticamente do inglês. Prompt original preservado em inglês.
Build a deliberately narrow personal substitute for Webstudio Cloud, not a full clone.
Use exactly this stack: Next.js 15 + TypeScript + SQLite.
Primary job: Build a focused visual website builder generator that edits structured page sections, previews responsive layouts, and publishes static files.
Start from an empty folder and create the complete working project.
Make the default mode single-user and private.
Store user data locally unless the core job requires the declared self-hosted database.
Do not add analytics, telemetry, ads, or third-party accounts.
Put every secret and external credential in .env and provide .env.example.
Use realistic sample data that is clearly labelled and easy to delete.
Implement the smallest polished interface that completes the core loop end to end.
Include clear empty, loading, validation, success, and failure states.
Add import and export so the user is not trapped in the app.
Use accessible keyboard navigation, labels, focus states, and sensible contrast.
Validate untrusted input and never log secrets or private file contents.
Deliberately exclude these paid-product advantages: CMS collaboration and client handoff; managed hosting, forms, and analytics; general-purpose visual editing.
Do not fake integrations, network effects, proprietary data, model quality, compliance, or security claims.
Where an external API is optional, keep the app useful without it and explain the degraded mode.
Write focused unit tests for the data model and the most important workflow.
Add one end-to-end smoke test that proves the core loop works.
Create a README with setup, permissions, architecture, data location, backup, and limitations.
Add scripts for install, development, test, build, and a production-style local run.
Run the tests and build before finishing, then fix errors rather than merely describing them.O prompt abre preenchido no seu agente. Revise antes de executar. · este prompt foi gerado a partir do plano de construção · melhore com um PR
Como seria construir sua versão?
Crie um gerador focado de construtor visual de sites que edite seções estruturadas de páginas, mostre prévias de layouts responsivos e publique arquivos estáticos.
O que você vai precisar
- Node.js 22
- destino de deploy ou hospedagem estática
- domínio do usuário para publicação
Webstudio Cloud: programar um único site é fácil. As pessoas pagam por edições contínuas seguras, templates, publicação, domínios, colaboração e hospedagem sem manutenção.
xcolaboração no CMS e entrega ao cliente
xhospedagem, formulários e análises gerenciados
xedição visual de uso geral
xgrandes bibliotecas de templates e componentes
Prefere uma solução pronta?
Licença, instalação e limitações em cada alternativa.
Quanto custa Webstudio Cloud?
Sem preço público. Consulte o site oficial.
Salvo na Minha lista. Você recebe um aviso aqui no site quando o preço mudar.
Você conclui a compra no site de Webstudio Cloud. O Vibe Radar não intermedeia pagamentos.
| Plano | Mensal | Anual (por mês) | O que inclui |
|---|---|---|---|
| hobby | $0/espaço de trabalho | $0/espaço de trabalho | Projetos, páginas e colaboradores ilimitados; 1 subdomínio wstd.io; 250 MB de recursos; 300 envios de formulário/mês; sem domínios personalizados ou CMS dinâmico publicado |
| pro | - | $15/espaço de trabalho≈ US$ 15 | Sites com domínio personalizado, projetos, páginas e colaboradores ilimitados; 20 GB de recursos; 100,000 visualizações de página/mês; formulários ilimitados; backups, homologação e CMS |
| team | - | $35/espaço de trabalho≈ US$ 35 | Limites de uso do Pro mais espaços de trabalho de equipe, funções e 5 licenças incluídas |
Plano gratuitoProjetos/páginas/colaboradores ilimitados em rascunhos, 1 subdomínio wstd.io, 250 MB de recursos e 300 envios de formulário/mês; sem domínio personalizado, backups ou CMS dinâmico publicado
Condições de cobrançagratuito + planos pagos mensais/anuais; preço anual exibido e anunciado com economia de até 30%, mas os valores mensais não estavam expostos na marcação acessível
Custos adicionais$20 por cada 100,000 visualizações de página extras após as 100,000 incluídas; licenças adicionais do Team têm preço não divulgado; registro de domínio personalizado e cobranças externas de CMS/serviços são separados
verified 2026-08-14 · source ↗
Vale mais construir ou assinar Webstudio Cloud?
Ajuste os números: horas para construir, valor da sua hora, custos para manter no ar e o preço da assinatura.
Em 24 meses, assinar sai mais barato.
Horas iniciais estimadas a partir da análise (de um fim de semana a vários dias). Não inclui o valor do que você deixa de ter (suporte, integrações, segurança).
Dá para recriar Webstudio Cloud?
Em parte. O núcleo de Webstudio Cloud dá para construir em um fim de semana com o prompt desta página, mas há lacunas reais: colaboração no CMS e entrega ao cliente, hospedagem, formulários e análises gerenciados. Leia a lista acima antes de começar.
Quanto custa Webstudio Cloud?
O preço de Webstudio Cloud é por uso ou varia conforme o plano · A URL oficial de preços está registrada, mas não foi possível recuperar com segurança um valor atual estável nesta verificação. Não publique um número até conferir novamente..
O que eu perco ao substituir Webstudio Cloud?
Sinceramente: colaboração no CMS e entrega ao cliente; hospedagem, formulários e análises gerenciados; edição visual de uso geral; grandes bibliotecas de templates e componentes. Se algum desses pontos é essencial para você, continue pagando.
Existe uma alternativa aberta para Webstudio Cloud?
Sim: Webstudio (O mesmo construtor de código aberto no seu próprio servidor; a assinatura desaparece e as tarefas da nuvem passam a ser suas.) Plasmic (Projetos visuais hospedados, CMS e domínios personalizados em um plano gratuito permanente; um selo do Plasmic substitui a conta.) O prompt é para quando você quer do seu jeito.