Tutoriais
Iniciante
Você vai aprender
- Fluxo de trabalho Conductor + Virtuoso
- Escrevendo prompts eficazes
- Execução real em Docker
- Implantação com um clique
- Publicação no marketplace
Construa seu Primeiro App com Nxcode
Crie um gerenciador de tarefas pronto para produção em 15 minutos
Neste tutorial prático, você construirá um app completo de gerenciamento de tarefas do zero. Ao contrário de outras ferramentas de IA que apenas geram código, você verá seu app ser realmente construído, testado e implantado em containers Docker reais.
O que vamos construir
Um gerenciador de tarefas pronto para produção com autenticação de usuário, operações CRUD, categorias, prioridades e um dashboard - tudo implantado na rede de borda global.
Pré-requisitos
- Conta Nxcode (Lite $5/mês ou Pro $20/mês)
- Uma ideia básica do que você deseja construir
- Nenhuma experiência em programação é necessária
Passo 1: Inicie um Novo Projeto
- Faça login em studio.zbuild.io
- Clique em "New Project" no seu dashboard
- Dê um nome ao seu projeto: "Task Manager"
- Você entrará no Studio onde o Conductor aguarda suas instruções
Passo 2: Descreva seu App para o Conductor
O Conductor é o seu gerente de produto de IA. Descreva o que você deseja em linguagem natural:
Construa um app de gerenciamento de tarefas com:
- Cadastro/login de usuário com e-mail
- Criar, editar, excluir tarefas
- Prioridades de tarefas (alta, média, baixa)
- Categorias com cores personalizadas
- Dashboard mostrando estatísticas de tarefas
- Design limpo e moderno com modo escuroDicas para Melhores Resultados
- Seja específico sobre as funcionalidades que você precisa
- Mencione preferências de design
- Não se preocupe com detalhes técnicos - o Conductor cuida disso
Passo 3: Revise o Plano do Conductor
O Conductor analisa sua solicitação e cria um plano detalhado:
Task Manager - Plano de Execução
- 1Configurar projeto Next.js com TypeScript
- 2Implementar autenticação de usuário com JWT
- 3Criar endpoints de API CRUD para tarefas
- 4Construir sistema de gerenciamento de categorias
- 5Projetar UI de dashboard responsiva
- 6Adicionar alternância de modo escuro
- 7Configurar implantação no Cloudflare
Cada tarefa possui critérios de aceitação específicos que devem ser aprovados antes de prosseguir.
Conductor
Vou construir seu gerenciador de tarefas. Algumas perguntas: 1. As tarefas devem ter datas de entrega com lembretes? 2. Você deseja subtarefas/checklists? 3. Alguma integração de terceiros (calendário, etc.)?
User
Sim para datas de entrega com lembretes. Pule subtarefas por enquanto. Nenhuma integração necessária.
Conductor
Perfeito! Criei 8 tarefas com critérios de aceitação claros. O Virtuoso agora as executará no Docker. Vamos começar!
Passo 4: Assista ao Virtuoso Construir no Docker
É aqui que o Nxcode se diferencia de outras ferramentas. O Virtuoso não apenas gera código - ele o executa em containers Docker reais:
Ambiente Docker isolado provisionado
O Virtuoso escreve o código para cada tarefa
Dependências realmente instaladas
TypeScript compila, bundle criado
Testes realmente executados e devem ser aprovados
Se ocorrerem erros, o Virtuoso os corrige (até 3 vezes)
Ao contrário das ferramentas de sandbox de navegador, esta é uma execução REAL. Erros de build são capturados e corrigidos automaticamente.
Passo 5: Revise seu App em Execução
À medida que as tarefas são concluídas, você pode ver seu app rodando ao vivo:
Visualização ao Vivo
Seu app roda em tempo real - teste as funcionalidades enquanto são construídas
Explorador de Código
Navegue por um código limpo e bem estruturado - ele é seu para guardar
Solicitar Alterações
Converse com o Conductor a qualquer momento para modificar funcionalidades
Verificação de Aceitação
Cada tarefa é verificada antes de prosseguir
Passo 6: Implantação com um Clique
Quando todas as tarefas forem aprovadas, implante para o mundo:
- Clique no botão "Deploy"
- O app é compilado para produção
- Implanta na borda global da Cloudflare
- Você recebe uma URL pública com HTTPS
Seu App está no Ar!
- CDN Global - rápido em qualquer lugar
- Certificado SSL automático
- Suporte a domínio personalizado
- Zero gerenciamento de servidor
Passo 7: Publique na Economia do Criador (Opcional)
Transforme seu app em um negócio:
Publicar
Listar no marketplace da Nxcode
Definir Preços
Gratuito, assinatura ou pagamento único
Ganhar
Fique com 70% de toda a receita
Imagine: usuários pagam $5/mês pelo seu gerenciador de tarefas. Com 100 usuários, você ganha $350/mês passivamente.
O que você aprendeu
- Como o Conductor planeja e o Virtuoso executa
- Execução real em Docker vs sandboxes de navegador
- Desenvolvimento orientado por critérios de aceitação
- Implantação global com um clique
- Monetização na Economia do Criador
Seu app não foi apenas "gerado" - ele foi construído, testado e verificado em um ambiente de execução real. Essa é a diferença do Nxcode.
Próximos Passos
Pronto para Construir?
Comece a construir seu app pronto para produção agora.