Sem usar as mãos! Um guia passo a passo para lançar um site lucrativo em um dia usando o Codex

Você não precisa saber Figma, React, Supabase ou Vercel. Este artigo ensina como pular a burocracia e ir direto ao ponto com o Codex para colocar um site lucrativo no ar.

O site sudoku.com recebe 12,69 milhões de pesquisas orgânicas por mês (dados do SimilarWeb de abril de 2026). A maioria dos desenvolvedores da comunidade de língua chinesa ainda não está criando esses tipos de sites de jogos de texto/números voltados para o mercado dos EUA — a lacuna de informação está bem aí.

Na semana passada, passei um dia criando um site de jogo de agrupamento de palavras no estilo NYT Connections — Daily Word Categories.

0 experiência em design, 0 código de frontend/backend e um custo mensal de apenas uma assinatura do Codex de $20. As outras 4 ferramentas todas começam em $0.

Não digitei uma única linha de comando nem cliquei o mouse uma vez durante todo o processo — o Codex executou os comandos para mim, o Codex operou qualquer aplicativo no meu computador (navegador/Finder/software de design), e o Codex configurou o banco de dados para mim.

Melhor ainda, o Codex agora pode executar em várias abas de fundo em paralelo sem ocupar seu navegador. Isso significa que enquanto o Codex está registrando contas ou alterando DNS para você, você pode usar seu computador para outras coisas ao mesmo tempo.

Sem precisar aprender design, sem precisar escrever código, sem precisar decorar comandos de deploy — você só conversa com o Codex.

O Codex agora pode fazer 3 coisas — esta é a chave para sua abordagem de esforço zero

A maioria das pessoas na comunidade chinesa ainda acha que o Codex é apenas uma "ferramenta de codificação de IA". Na verdade, após maio de 2026, o Codex pode fazer 3 coisas, e essas 3 combinadas = executar um site de projeto paralelo completo para você:

▸ Execução de Comandos CLI: Executa comandos npm / git / pnpm / vercel. Quando usar: Instalar ferramentas / iniciar projetos / fazer deploy.

▸ Computer Use: Opera qualquer aplicativo no seu computador — Chrome / Safari / Finder / Software de design / qualquer GUI. Após uma autorização, o Codex clica, digita e tira capturas de tela para você. O Chrome tem uma extensão dedicada (mais estável usando sua sessão logada). Quando usar: Registrar 5 contas / alterar DNS / configurar o Search Console / operar qualquer aplicativo que não tenha linha de comando.

▸ Chamadas de Serviço MCP: (Disponível para Supabase / GitHub / Stripe, etc.) Chama diretamente APIs de serviços externos + configurações. Quando usar: Configurar esquemas de banco de dados / criar repositórios / configurar pagamentos.

O que é esta stack?

Uma combinação de 5 ferramentas, 1 paga + 4 começando gratuitas:

• Codex — Driver principal + Computer Use + trio MCP → $20/mês (assinatura)
• Open Design — Geração de rascunhos de design (Código aberto, compatível com 9 CLIs) → $0 (local-first)
• Supabase — Banco de dados + Login + Armazenamento de arquivos (tem interface MCP) → $0 (Plano gratuito 500MB DB / 50k MAU)
• Vercel — Deploy + Hospedagem de domínio + CDN → $0 (Plano gratuito 100GB de largura de banda/mês)
• Replicate — API de modelo de IA (quando necessário) → Pré-pago $0,001-0,01/chamada
• Domínio (Obrigatório) — Sua escolha → $10/ano (Namecheap)

→ Custo total para o primeiro ano é de aproximadamente $250 ($20×12 + $10 do domínio, excluindo APIs pré-pagas).

Por que escolher o Daily Word Categories como demonstração?

Jogos de texto/números do mercado dos EUA são um oceano azul em 2026. 3 pontos de dados (disponíveis publicamente):

• sudoku.com: 12,69 milhões de pesquisas orgânicas mensais (SimilarWeb abril de 2026), ainda crescendo.
• NYT Games: De acordo com o The New York Times, mais de 10 milhões de usuários ativos diários.
• Palavras-chave de cauda longa como "Connections hints today" têm enorme volume de pesquisa diária (com base no Google Keyword Planner).

Por que o Daily Word Categories é perfeito para a construção de sites com IA:

1. IA gera níveis infinitos diretamente — 16 palavras + 4 categorias de temas diariamente, geradas pelo Codex em uma frase.
2. Iniciantes entendem as regras em 5 segundos — UI minimalista, sem estados complexos.
3. Caminho de monetização claro — AdSense (alto tráfego) + Afiliado (promovendo ferramentas semelhantes) + Assinatura Premium (dicas diárias).
4. Existe uma lacuna de informação — A maioria dos desenvolvedores chineses não está fazendo jogos de texto dos EUA, então a concorrência é baixa.

O que é o Open Design? Por que você deve instalá-lo

O Open Design é uma alternativa ao Claude Design de código aberto desenvolvida pela equipe nexu-io do @tuturetom (GitHub: github.com/nexu-io/open-design).

3 funcionalidades principais:

• Local-first: Instalado no seu computador, sem upload de dados.
• BYOK (Bring-your-own-key): Custos controláveis.
• 19 Habilidades + 71 Sistemas de Design de nível profissional: Abrange E-commerce / SaaS / Jogos / Sites pessoais.
• 9 CLI Universal: Compatível com Codex / Claude Code / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi.

Resolve a maior fraqueza da escola vibe coding — design de UI.

Como operar especificamente?

Feito em 5 etapas. Cada etapa esclarece "O que você faz / O que o Codex faz por você" — sua parte é apenas voz/texto.

1. Codex registra 5 contas para você (15 minutos)

Você só faz 3 coisas: Dizer ao Codex "me ajude a registrar 5 contas" → Assistir à tela + inserir e-mail/senha/código de verificação → Clicar em "Permitir" durante a autorização OAuth.

O Codex faz por você: Usa o Computer Use para abrir o navegador → Abre as páginas de registro uma por uma → Preenche formulários automaticamente + lida com redirecionamentos OAuth + registra informações da conta → Guia você para confirmar + muda para o próximo site.

Envie isto para o Codex:

"Use o Computer Use para me ajudar a registrar em ordem: GitHub / Vercel / Supabase / Namecheap / Replicate. Priorize o login com GitHub OAuth (suportado por Vercel / Supabase). Eu vou inserir o e-mail e a senha, você executa o processo + no final organiza os detalhes das 5 contas em uma lista."

O Codex abre automaticamente o Chrome (a extensão do Chrome é recomendada para estabilidade com sessões existentes) e percorre o processo site por site. Você só precisa assistir à tela, inserir informações pessoais e clicar em Permitir.

2. Codex instala o Open Design + toolchain completo (10 minutos)

Você só faz 2 coisas: Enviar um prompt → Pressionar 'y' para concordar com cada etapa.

O Codex faz por você: Verifica o ambiente local → Instala o que está faltando → Instala o Open Design → Inicia-o → Executa todos os comandos + mostra o progresso + informa o endereço de acesso quando terminar.

Envie:

"Vá para github.com/nexu-io/open-design e instale o Open Design em ~/Tools/open-design. Usuários de Mac priorizam o aplicativo oficial assinado. Instale o Supabase CLI + Vercel CLI. Informe o endereço local do Open Design + as versões das 3 ferramentas para confirmar a instalação."

O Codex executa automaticamente:

1# These are run by Codex, you just watch
2git clone https://github.com/nexu-io/open-design ~/Tools/open-design
3cd ~/Tools/open-design && pnpm install && pnpm dev
4npm install -g supabase
5npm install -g vercel

Feito em 3-8 minutos, o Codex informa o endereço local do Open Design.

3. Codex opera o Open Design para produzir rascunhos de design (5 minutos)

Você só faz 2 coisas: Enviar um prompt descrevendo seu site de jogo → Escolher 1 design que você goste.

O Codex faz por você: Usa o Computer Use para abrir a interface do Open Design → Insere os requisitos de design → Aguarda a geração → Apresenta 3 candidatos → Salva o design selecionado no diretório do projeto.

Envie:

"Use o Computer Use para abrir o Open Design local. Crie um design para o site do jogo Daily Word Categories — semelhante ao NYT Connections, 16 palavras em inglês divididas em 4 grupos diariamente. Tema escuro, mobile-first, estilo minimalista como o NYT Games. Me dê 3 candidatos para escolher."

O Codex opera automaticamente a interface do Open Design + gera imagens.

4. Codex escreve o frontend + configura o banco de dados com Supabase MCP (15-20 minutos)

Você só faz 2 coisas: Enviar um prompt descrevendo as funções → Aguardar o Codex terminar.

O Codex faz por você: Escreve o frontend React + usa o Supabase MCP para configurar diretamente o esquema do banco de dados + RLS + escreve APIs → Configura automaticamente cron jobs (você não precisa abrir o painel do Supabase).

Envie:

"Converta o 2º rascunho de design em um projeto Next.js. Use o Supabase MCP para configurar diretamente 2 tabelas: (1) puzzles (data + 16 palavras + 4 categorias) (2) user_progress (user_id + puzzle_date + solved_at). Configure regras RLS básicas. Defina um cron job às 6h diariamente para gerar novos níveis usando o GPT-5."

O Codex chama automaticamente o Supabase MCP para configurar diretamente o banco de dados (sem necessidade de abrir o editor SQL) + escreve o código frontend + configura cron jobs.

Em 7-15 minutos, já é jogável em localhost:3000.

5. Codex faz deploy no Vercel + usa o Computer Use para alterar o DNS no Namecheap (15 minutos)

Você só faz 3 coisas: Enviar o prompt → Inserir a senha de login do Namecheap → Inserir a senha do Google Search Console.

O Codex faz por você: Executa git push + vercel deploy via CLI + sincroniza variáveis de ambiente → Usa o Computer Use para abrir o navegador → Opera o backend do Namecheap para alterar o DNS → Muda para o Google Search Console para enviar verificação + sitemap.

Envie:

"Faça push para um novo repositório no GitHub, faça deploy no Vercel e sincronize as variáveis de ambiente automaticamente. Use o Computer Use para fazer login no meu Namecheap e alterar o DNS de dailywordcat.com para os nameservers fornecidos pelo Vercel. Além disso, configure o Google Search Console + envie o sitemap.xml."

O Codex automaticamente:

• Parte CLI: git init + push + vercel deploy + sincronizar env vars
• Parte Computer Use: Abre o navegador → Opera o Namecheap para alterar o DNS → Muda para o Google Search Console para verificação + envio de sitemap

Durante todo o processo, você só precisa inserir as senhas do Namecheap/Google quando solicitado; o Codex clica em todo o resto para você.

A resolução do domínio é concluída em 20-30 minutos.

Neste momento, você tem um site ativo e funcionando.

3 Armadilhas Mais Comuns

Armadilha 1: O Computer Use vai travar na Etapa 1 / 3 / 5 sem autorização

O Computer Use do Codex abrirá uma janela pedindo para você clicar em "Permitir" na primeira vez que operar cada aplicativo. Se você nunca usou o Computer Use do Codex App antes, é recomendável ir em Configurações → Privacidade → Acessibilidade / Gravação de Tela para autorizar o Codex uma vez, evitando ficar preso por 5 minutos procurando pop-ups de permissão. A extensão do Chrome é a mais estável para tarefas no Chrome.

Armadilha 2: RLS (Row Level Security) do Supabase não configurado = banco de dados exposto

O Codex configura uma versão básica do RLS via MCP. Você deve verificar se as regras de RLS são razoáveis antes de ir para o ar. Explicarei os detalhes no próximo post.

Armadilha 3: Tarefas paralelas em segundo plano no Chrome ≠ todas as tarefas do Computer Use podem ser paralelas

Após o anúncio da OpenAI em 21/05, as tarefas do Codex no Chrome já estão em segundo plano paralelo + não ocupam o navegador — o registro de contas da Etapa 1 / as alterações de DNS da Etapa 5 são tarefas do Chrome, então você pode usar seu computador para outras coisas simultaneamente.

Mas: Quando o Codex opera aplicativos nativos (Finder / Photoshop / qualquer aplicativo que não seja navegador), ainda é sequencial — nesses momentos, não pegue o mouse / não use cmd+tab para sair, espere ele terminar aquela etapa. As Etapas 2-4 que interagem com o Open Design local ocasionalmente usam o modo nativo; tenha isso em mente.

Que tipos de site isso pode construir?

4 perfis para combinar:

Você quer fazer sites de jogos de texto/números do mercado dos EUA (Escolha de oceano azul) → Variantes do Wordle / Variantes do Connections / Sudoku / Palavras Cruzadas

Você quer fazer sites de respostas de quebra-cabeças diários (Coletor de tráfego de cauda longa) → Sites do tipo "Dicas de Connections hoje" / "Resposta do Wordle hoje"; os principais jogadores de Sudoku recebem 12,69M de pesquisas orgânicas mensalmente.

Você quer fazer sites de ferramentas em alta (tipo "Gerador de XX com IA") → Páginas de destino para ferramentas que seguem os lançamentos de novos modelos.

Você quer fazer um SaaS com login e pagamento → Supabase auth + Stripe + Vercel = Um site comercial completo.

Custo Mensal vs. Expectativas de Renda

• Mês 1: Custo mensal $20-30 / Renda $0-50 (Construindo + aguardando indexação do Google)
• Mês 3: Custo mensal $30-50 / Renda $50-300 (Tráfego do site único começa a aumentar)
• Mês 6: Custo mensal $50-100 / Renda $500-1000+ (Vários sites acumulados / AdSense + Afiliado)

Os valores de renda são faixas comuns da indústria; consulte seu painel real do AdSense/Afiliado. Referência máxima: sudoku.com recebe 12,69 milhões de pesquisas orgânicas para um único site.

Uma Última Palavra

Lançar um site costumava exigir 3 papéis: Designer + Frontend + Backend. Ou uma pessoa aprendendo 3 conjuntos de habilidades ao longo de 3 meses.

Agora, 1 assinatura do Codex + Open Design open source = Todos os 3 papéis cobertos. $20/mês é quase o preço de um café Starbucks.

Mais importante — o Codex agora pode fazer mais do que apenas escrever código; ele pode usar o Computer Use para operar qualquer aplicativo no seu computador (não apenas navegadores — Finder / Photoshop / qualquer GUI) + chamar MCP para configurar serviços de backend. Hoje (21/05), a OpenAI adicionou outro truque: as tarefas do Chrome são executadas em abas paralelas em segundo plano sem ocupar seu navegador. Iniciantes realmente fazem 0 trabalho manual + 0 espera: Você só usa sua voz + assiste à tela + pressiona 'y', e passa o resto do tempo rolando o Twitter ou em reuniões.

Os sites de jogos de texto/números do mercado dos EUA ainda são um oceano azul — sudoku.com com 12,69 milhões de pesquisas ainda está crescendo, e a maioria dos desenvolvedores chineses ainda não se mexeu. Lacunas de informação são dinheiro.

Escolha um dia para executar estas 5 etapas. Depois de fazer isso uma vez, lançar um novo site é um trabalho de 30 minutos. Não vai atrapalhar seus planos de fim de semana.