Blog

Um workspace privado e uma prévia ao vivo para cada projeto

Cada projeto da Mythex ganha seu próprio workspace privado na nuvem: arquivos, processos em execução, uma prévia e um terminal, separados dos de todo mundo. O lado direito do workspace mostra seu app rodando ao vivo enquanto você conversa, para você clicar, conferir como fica no tamanho de celular e compartilhar um link antes de publicar qualquer coisa.

O que ele faz

Um workspace por projeto

Quando a Mythex constrói seu app, ela não escreve código no vazio. Ela trabalha dentro de um workspace privado que pertence àquele único projeto. É ali que os pacotes são instalados, que o servidor do seu app roda e que o terminal abre quando você alterna para Código.

Como cada projeto tem o seu, três coisas decorrem disso:

  • Suas instalações e seus servidores nunca colidem com os de outra pessoa.
  • A Mythex pode instalar pacotes e rodar seu app com segurança, para aquele projeto.
  • A prévia e o terminal sempre apontam para o seu projeto.

Uma prévia ao vivo ao lado do chat

O lado direito do workspace alterna entre Prévia e Código. A Prévia mostra seu app rodando, não um print nem um mockup. Você pode clicar em fluxos reais, preencher formulários, seguir a navegação e identificar problemas antes de publicar.

O Código oferece a árvore de arquivos, um editor e um terminal interativo no mesmo workspace privado, para quando você quer precisão ou quando um desenvolvedor entra no projeto.

Por que isso importa

Um construtor de apps que só mostra código pede que você imagine o resultado. Um que só mostra uma imagem esconde se os botões realmente funcionam. Um app rodando no próprio espaço responde à pergunta que você de fato tem: isso faz o que pedi?

Manter o workspace privado importa pelo mesmo motivo. Quando o agente instala algo ou reinicia um servidor, isso afeta o seu projeto e mais nada, e o que qualquer outra pessoa faz não consegue quebrar o seu.

Pausar e acordar

Um workspace que você não está usando pausa sozinho. Ele volta no momento em que você precisa: abrir o projeto, conversar, editar ou carregar a prévia, tudo acorda o workspace. Os processos em execução são restaurados junto com ele, então não há nada para reiniciar.

Acordar leva alguns segundos. Enquanto isso acontece, o painel de prévia mostra em que etapa está, provisionando o sandbox e depois aguardando o servidor do seu app, e exibe dicas do que a Mythex pode fazer enquanto você espera. Você pode ver Iniciando seu workspace…, Iniciando seu app… ou Preparando seu app…. Isso é normal.

O que sobrevive a uma pausa:

  • Os arquivos e o histórico do seu projeto
  • As configurações e os segredos do projeto
  • Os apps publicados, que rodam separados do workspace privado

Como usar a prévia

  1. Abra um projeto. A prévia começa sozinha enquanto o workspace acorda.
  2. Clique por ela como um visitante faria. Teste os formulários e a navegação.
  3. Visite uma página específica digitando um caminho como /sobre na barra de endereço e pressionando Enter. Voltar e Avançar percorrem as páginas que você abriu nesta sessão.
  4. Confira o tamanho de celular. Clique no ícone de celular (Alternar para Mobile) para ver seu app em um quadro do tamanho de um celular, e arraste a borda esquerda ou direita para mudar a largura. Arraste quase até a largura total e solte para voltar ao desktop.
  5. Redimensione os painéis arrastando o divisor entre o chat e a prévia. O ícone de painel oculta ou restaura o chat.
  6. Abra em nova aba ou Atualizar pela mesma barra, quando precisar.

Se seu projeto roda mais de um serviço, um menu suspenso na barra permite trocar qual deles você está visualizando.

No celular, o construtor mostra um painel de cada vez, o chat ou o seu app, e você desliza ou toca para alternar entre eles. A prévia já ocupa a largura total ali; para ver como seu app fica em tamanho de celular, use um notebook e Alternar para Mobile.

Compartilhar um link de prévia

Compartilhar, ao lado de Publicar, cria um link que abre a prévia ao vivo do seu projeto para alguém sem conta na Mythex. Serve para mostrar trabalho em andamento, a um cliente, a um colega ou a um grupo, sem publicar algo que não está pronto.

  • Criar novo link de prévia pede que você dê um nome e depois copia o link para a área de transferência. O nome só aparece para você, então uma lista de links funciona como uma lista de públicos.
  • Copiar copia o link de novo mais tarde.
  • Excluir faz o link parar de funcionar em poucos segundos, em todos os lugares.

Quem tem o link vê seu app exatamente como a Prévia mostra, e nada além disso: sem chat, sem código, sem terminal, sem configurações, sem como editar. Crie um link por público, para que excluir um seja uma decisão apenas sobre aquele público.

Limites que vale conhecer

  • A primeira abertura de um link compartilhado pode levar até um minuto enquanto o projeto acorda e o servidor do seu app inicia do zero. O visitante vê uma página que se recarrega sozinha até o app responder. Se for fazer uma demonstração ao vivo, abra o link você mesmo um minuto antes.
  • Um link compartilhado mostra o sandbox ao vivo, inclusive mudanças feitas no meio de uma construção.
  • Acordar um projeto consome créditos e limites de sandbox do seu plano, quer seja você quem abriu, quer seja alguém com o link. Exclua os links que não usa mais.
  • O quadro de tamanho de celular serve para layouts web responsivos. Desde 22 de outubro de 2026, o plano Pro também pode empacotar seu app web como app para Android e iPhone (apps móveis).
  • Se a prévia estiver em branco ou desatualizada, confira se o app está rodando no terminal, clique em Atualizar ou use /fix. Se o workspace não acordar, atualize a página e tente de novo, e entre em contato com o suporte com o ID do projeto se o problema persistir.

Quando quiser que um agente navegue pela prévia para você, veja Testes de app. Para entender por que vale testar mudanças em outro lugar que não o seu site ao vivo, veja nosso guia sobre ambientes de staging.

Os detalhes completos estão na documentação: Workspace privado e Prévia e Código.

Mythex · Pricing · Crie qualquer coisa com IA · Templates de sites e apps · Mythex comparado · Glossário de criação de apps com IA · Ferramentas grátis para criar apps com IA · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)