Guia rápido: crie seu primeiro app
ResumindoCrie uma conta gratuita, digite o que o seu app deve fazer na caixa da página Projetos e clique em Criar. O MonstarX planeja as funcionalidades, escreve o app e mostra ele rodando na prévia, normalmente em poucos minutos. Experimente, peça mudanças no chat e clique em Publicar para colocá-lo no ar em your-app.monstarx.app.
Nos próximos minutos, você vai criar um app web de verdade, com páginas, banco de dados e login, e colocá-lo na internet. Não é preciso escrever nenhuma linha de código. Basta ter uma ideia que você consiga descrever em uma ou duas frases.
Como exemplo, vamos criar um site de agendamento para um estúdio de ioga. Se você já tem uma ideia sua, use-a.
Antes de começar
Seção intitulada “Antes de começar”- Um computador ou celular com um navegador atualizado (Chrome, Safari, Edge ou Firefox).
- Uns dez minutos.
Passo 1: crie uma conta gratuita
Seção intitulada “Passo 1: crie uma conta gratuita”-
Acesse monstarx.com e clique em Criar um app, ou em Entrar se você já tem uma conta.
-
Crie sua conta com seu endereço de e-mail ou, se a opção aparecer, com o Google ou o GitHub. O plano Free não pede cartão de crédito.
Sua conta no MonstarX é separada dos apps que você cria: cada app tem o seu próprio login para os próprios usuários.
Passo 2: descreva seu app
Seção intitulada “Passo 2: descreva seu app”Depois de entrar, você chega em Projetos, a sua página inicial no MonstarX. A caixa grande no topo pergunta O que vamos criar agora?
-
Clique na caixa e descreva o seu app com palavras simples: para quem ele é e o que as pessoas devem conseguir fazer nele.
Um site de agendamento para o meu estúdio de ioga: grade semanal de aulas, limite de vagas por aula, login para alunos e um e-mail de confirmação quando alguém reservar.
-
Clique em Criar ou pressione Enter. (Shift Enter começa uma nova linha.)
Não sabe o que escrever? Clique em uma das ideias abaixo da caixa (Portal do cliente, Site de agendamento, Ferramenta interna, Assistente de IA ou App de marketplace) para preenchê-la e depois ajuste as palavras ao seu caso. Quando você para de digitar, aparece Aprimorar automaticamente com IA, que se oferece para transformar uma ideia ainda crua em uma solicitação detalhada. Veja Aprimoramento automático.
Opções que podem ficar para depois
Seção intitulada “Opções que podem ficar para depois”Abaixo da caixa há algumas opções. Você não precisa de nenhuma delas no seu primeiro app:
| Opção | O que faz |
|---|---|
| Planejar primeiro | O MonstarX faz algumas perguntas (quem vai usar o app, o nome, o visual) antes de criar. Veja Planejar primeiro. |
| Design primeiro | Mostra algumas primeiras telas com cara de prontas; a que você escolher define o visual do app inteiro. Veja Design primeiro. |
| Automático (o modelo) | Escolhe o melhor modelo de IA para cada solicitação. Veja Escolha um modelo. |
| O clipe | Anexe capturas de tela, maquetes, documentos ou uma planilha. Veja Anexe arquivos. |
| Importar | Traga um app que você já tem: do GitHub, do Lovable, de um arquivo .zip ou de um site público. Veja Importe um app. |
| Figma | Transforme um design do Figma em um app funcionando. Veja Crie a partir do Figma. |
| Seu agente | Envie para o MonstarX um app que você criou no Claude Code, no Codex ou no Cursor. Veja Comece pelo seu agente de código. |
Passo 3: acompanhe a criação
Seção intitulada “Passo 3: acompanhe a criação”O MonstarX cria o seu projeto e o abre. A partir daqui, o trabalho acontece na nuvem do MonstarX, e não no seu navegador.
Veja o que aparece:
- Sua solicitação, no topo do chat, e abaixo dele o que o MonstarX está fazendo naquele momento: “Raciocinando…”, “Planejando as funcionalidades…”, “Escrevendo código…”.
- Um plano de funcionalidades: uma lista curta do que ele vai criar, como “Grade semanal de aulas” e “Login e cadastro de alunos”. Ele marca cada item à medida que avança. A barra Funcionalidades, no topo do chat, mostra quantos já estão prontos.
- A prévia, à direita. Enquanto não há nada para mostrar, um cartão exibe Criando seu app… com um cronômetro, acima do Monstar Run, um joguinho para passar o tempo enquanto você espera (pressione Espaço para pular).
A primeira criação costuma levar alguns minutos. Apps maiores levam mais tempo.
Passo 4: experimente seu app
Seção intitulada “Passo 4: experimente seu app”Quando a criação termina, o seu app aparece na prévia. É o app de verdade, rodando: navegue por ele, preencha os formulários e faça um cadastro, como faria um visitante.
No chat, procure por:
- Conta de demonstração pronta: um e-mail e uma senha que o MonstarX criou para você entrar no seu app na hora (quando o app tem login). Copie os dois com os botões ao lado.
- Tudo no plano foi criado: um resumo curto do que o app faz agora.
- Ideias para o próximo passo: sugestões das próximas funcionalidades. Clique em Adicionar para incluir uma no plano (ou em Adicionar todas as …, com a quantidade) e depois em Criar. Elas são opcionais.
O MonstarX também dá ao projeto um nome curto e uma descrição com base no que ele criou. Você pode mudar os dois quando quiser, clicando no nome lá em cima.
Passo 5: mude o que quiser só pedindo
Seção intitulada “Passo 5: mude o que quiser só pedindo”Continue no mesmo chat. Escreva o que deve mudar, com palavras simples, e clique em Enviar.
Algumas boas primeiras mudanças:
- “Deixe o cabeçalho verde-escuro e use uma fonte serifada nos títulos.”
- “Crie uma página sobre os nossos professores, com uma foto e uma minibiografia de cada um.”
- “Quando uma aula estiver lotada, mostre um botão Entrar na lista de espera no lugar de Reservar.”
Prefere apontar em vez de descrever? Clique em Editar acima da prévia, clique na parte da página que você quer mudar e diga o que deve mudar ali. Veja Modo de edição.
Cada mudança é salva como uma versão. Se não gostar de uma mudança, abra Versões no topo e restaure a anterior. Veja Versões.
Passo 6: publique
Seção intitulada “Passo 6: publique”Quando estiver satisfeito, coloque o seu app na internet.
-
Clique em Publicar, no canto superior direito do projeto.
-
Clique em Publicar site. O menu mostra o andamento (Preparando seu site, Criando seu site, Colocando seu site no ar), e você pode fechá-lo enquanto ele trabalha.
-
Clique em Visitar site para abri-lo ou em Copiar link para compartilhá-lo.
Agora o seu app está no ar em um endereço próprio, criado a partir do nome do projeto (algo como yoga-studio-booking.monstarx.app), com HTTPS. Quando você mudar o app depois, clique em Publicar e em Republicar para atualizar o site no ar. Seus visitantes nunca veem uma mudança pela metade. Veja Publique seu app.
Quer um nome só seu, como sagebrookyoga.com? Você pode comprar um domínio em poucos cliques ou conectar um que já é seu.
E agora?
Seção intitulada “E agora?”- Teste direito. O MonstarX pode testar o seu app em navegadores reais e corrigir o que falhar. Veja Testes de QA.
- Confira os seus dados. A aba Admin mostra quem se cadastrou e cada reserva, em formulários simples. Veja O painel Admin.
- Tenha resultados melhores com as suas solicitações. Veja Dicas para escrever bons prompts.
- Aprenda a se localizar. Veja o Tour pelo espaço de trabalho.
Perguntas frequentes
Seção intitulada “Perguntas frequentes”Quanto tempo leva a primeira criação?
Normalmente alguns minutos. Um app grande, com muitas funcionalidades, leva mais tempo. Você pode fechar a aba enquanto ele é criado: a criação continua rodando no MonstarX, e você pode receber uma notificação quando terminar.
O que eu escrevo na minha primeira solicitação?
Para quem é o app e o que as pessoas devem conseguir fazer nele, em uma a três frases. Todo o resto pode vir depois. Veja Dicas para escrever bons prompts.
Criar meu primeiro app custa alguma coisa?
No plano Free, não: cada solicitação usa uma parte do uso do seu plano, e o plano Free tem o suficiente para criar e publicar um app pequeno. Veja Uso e limites.
Posso interromper uma criação?
Pode. Clique no botão vermelho Parar na caixa de texto. O que já foi criado fica salvo, e você pode continuar com uma nova solicitação.
Meu app fica público assim que é criado?
Não. Até você clicar em Publicar, ele não está na internet em um endereço próprio: só você, as pessoas com quem você compartilha o projeto e quem receber o link da prévia conseguem vê-lo.
Deu algo errado. O que eu faço?
Conte para o MonstarX no chat o que você está vendo ou restaure uma versão anterior em Versões. Veja Solução de problemas.