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 ter 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 chinesa ainda não está criando esse tipo de site de jogos de texto/números voltado para o mercado dos EUA — a lacuna de informação está bem aí.

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

0 experiência em design, 0 código frontend/backend, e um custo mensal de apenas uma assinatura do Codex por $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 rodar em várias abas em segundo plano simultaneamente sem ocupar seu navegador. Isso significa que enquanto o Codex registra contas ou altera DNS para você, você pode usar o 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 faz 3 coisas — essa é 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 com IA". Na verdade, depois de maio de 2026, o Codex faz 3 coisas, e essas 3 combinadas = rodar um projeto paralelo completo para você:

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

▸ Uso do Computador: 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 prints 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 app sem 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.

Qual é essa 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 (Open source, 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 banda/mês)
• Replicate — API de modelos 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 de domínio, excluindo APIs pré-pagas).

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

Jogos de texto/números voltados para o 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: Segundo 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 criação de sites com IA:

1. A IA gera níveis infinitos diretamente — 16 palavras + 4 categorias temáticas diárias, 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) + Afiliados (promovendo ferramentas similares) + Assinatura premium (dicas diárias).
4. Existe lacuna de informação — A maioria dos desenvolvedores chineses não está fazendo jogos de texto para os EUA, então a concorrência é baixa.

O que é o Open Design? Por que você precisa 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 Skills + 71 Design Systems de nível profissional: Abrange E-commerce / SaaS / Jogos / Sites pessoais.
• 9 CLIs Universais: Compatível com Codex / Claude Code / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi.

Ele 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" → Observar a tela + inserir email/senha/código de verificação → Clicar em "Permitir" durante a autorização OAuth.

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 na ordem: GitHub / Vercel / Supabase / Namecheap / Replicate. Priorize login via GitHub OAuth (suportado por Vercel / Supabase). Eu vou inserir o email e a senha, você executa o processo + no final organize 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 passa por cada site um por um. Você só precisa observar a tela, inserir informações pessoais e clicar em Permitir.

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

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

Codex faz por você: Verifica o ambiente local → Instala o que está faltando → Instala o Open Design → Inicia o Open Design → 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ê gostou.

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 de jogo Daily Word Categories — similar 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.

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 dashboard do Supabase).

Envie:

"Converta o segundo rascunho de design em um projeto Next.js. Use o Supabase MCP para configurar diretamente 2 tabelas: (1) puzzles (date + 16 words + 4 categories) (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 GPT-5."

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

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

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

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

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 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 + sync env vars
• Parte Computer Use: Abre o navegador → Opera o Namecheap para alterar 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 vai abrir uma janela pedindo para você clicar em "Permitir" na primeira vez que opera cada aplicativo. Se você nunca usou o Computer Use do Codex App antes, é recomendado 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 RLS são razoáveis antes de ir ao 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 / 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 app não-navegador), ainda é sequencial — nesses momentos, não pegue o mouse / não faça cmd+tab, espere ele terminar aquela etapa. As Etapas 2-4 que interagem com o Open Design local ocasionalmente usam o modo nativo; lembre-se disso.

Que tipo de sites isso pode construir?

4 perfis para se encaixar:

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

Você quer fazer sites de respostas de puzzles diários (Coletor de tráfego de cauda longa) → Sites do tipo "Connections hints today" / "Wordle answer today"; os principais sites de Sudoku recebem 12,69 milhões de pesquisas orgânicas mensais.

Você quer fazer sites de ferramentas em alta (tipo "Gerador de AI XX") → Landing pages para ferramentas que acompanham 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 Receita

• Mês 1: Custo mensal $20-30 / Receita $0-50 (Construindo + aguardando indexação do Google)
• Mês 3: Custo mensal $30-50 / Receita $50-300 (Tráfego de site único aumenta)
• Mês 6: Custo mensal $50-100 / Receita $500-1000+ (Múltiplos sites acumulados / AdSense + Afiliados)

Os valores de receita são faixas comuns da indústria; consulte seu dashboard real de AdSense/Afiliados. 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 funções: Designer + Frontend + Backend. Ou uma pessoa aprendendo 3 conjuntos de habilidades em 3 meses.

Agora, 1 assinatura do Codex + Open Design open source = Todas as 3 funções cobertas. $20/mês é quase o preço de um café do 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 mais uma vantagem: as tarefas do Chrome rodam em abas paralelas em segundo plano sem ocupar seu navegador. Iniciantes realmente fazem 0 trabalho manual + 0 espera: Você só usa sua voz + observa a tela + pressiona 'y', e passa o resto do tempo rolando o Twitter ou em reuniões.

Sites de jogos de texto/números para o 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 moveu. Lacunas de informação são dinheiro.

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