Estudo de Caso: Construindo um Aplicativo Web Full-Stack com Claude em Seis Semanas
Visão Geral do Projeto
Um desenvolvedor sem diploma em Ciência da Computação ou experiência sênior em engenharia criou e lançou um aplicativo web full-stack em seis semanas usando o Claude. O projeto resultou no Somnia, um diário de sonhos com 100 usuários e 7 clientes pagantes.
O Fluxo de Trabalho
O desenvolvedor tratou o Claude como um desenvolvedor júnior com paciência ilimitada. Cada tarefa tinha um escopo restrito — um componente, uma correção ou um recurso por vez. Em vez de pedir "crie um aplicativo para mim", o desenvolvedor forneceu prompts específicos como "crie um editor de modo escuro que salve automaticamente no Supabase a cada 3 segundos". A abordagem enfatizou escopo pequeno, critérios de aceitação claros e revisão antes de mesclar.
Stack Técnico
- Next.js 14 para o framework frontend
- Supabase para autenticação e banco de dados com Row Level Security
- Tiptap para edição de texto rico
- next-pwa para configuração de PWA
- Vercel para implantação
O desenvolvedor lidou com decisões de produto (o que construir, por que e em que ordem) enquanto o Claude lidou com a implementação.
Detalhes do Aplicativo
Somnia é um diário de sonhos construído em torno da percepção de que os usuários têm 60 segundos após acordar antes que um sonho desapareça completamente. Principais recursos incluem:
- Interface apenas em modo escuro
- Abertura instantânea
- Funcionalidade de salvamento automático
- Notificação matinal com temporizador de contagem regressiva
- Reconhecimento de padrões por IA que destaca temas recorrentes nos sonhos ao longo do tempo
O aplicativo oferece um nível gratuito e um nível Pro pago para insights de IA e entradas ilimitadas.
Principais Aprendizados
- Escopo restrito de tarefas supera prompts abertos sempre
- Sempre revise antes de mesclar — o Claude é rápido, mas o humano é o cérebro do produto
- Quando ocorrem erros, descreva-os exatamente e cole os logs — o Claude corrige mais rápido que o Stack Overflow
- O humano no loop faz o pensamento real enquanto o Claude executa
O projeto foi construído sozinho do Nepal com orçamento zero, demonstrando que as ferramentas atuais permitem lançar produtos reais sem uma equipe.
📖 Leia a fonte completa: r/ClaudeAI
👀 See Also
Claude Code escreveu cada linha de um vídeo de lançamento dos anos 50 no Remotion — mas foram necessários ~100 prompts
Um desenvolvedor detalha o uso do Claude Code para gerar cada linha de TypeScript/TSX para um vídeo de lançamento no Remotion. O processo exigiu ~100 prompts, um briefing criativo detalhado, iteração cena por cena e frequentes diffs de git.
Sistema Autônomo de E-mail Frio Construído com Agentes OpenClaw
Um sistema baseado em OpenClaw automatiza o envio de cold emails usando o Nexus para pesquisar os sites dos prospects, gerar conteúdo de email personalizado a partir da análise, gerenciar lotes no Notion, enviar via Instantly e triar respostas sem intervenção manual.
Desenvolvedor depura bug redundante de service worker no PWA do Next.js com ajuda do Claude
Um desenvolvedor criou o Somnia, um PWA Next.js 14 com notificações push, usando o Claude como parceiro de programação. O bug mais difícil envolvia service workers ficando REDUNDANT no Android Samsung devido a um ID de build desatualizado no sw.js.
Usando Claude Code e Remotion para Criar Vídeos de Demonstração Sem Habilidades de Design
Um desenvolvedor adiou o lançamento do seu produto por meses porque não podia pagar vídeos de demonstração que custavam US$ 300 a US$ 1.000, com prazos de 6 a 10 semanas. Em um fim de semana, ele usou Remotion (geração de vídeo baseada em React) e Claude Code para criar seus próprios vídeos, ilustrações e componentes da página de destino, alcançando milhares de visualizações em seus reels.