Desenvolvedor depura bug redundante de service worker no PWA do Next.js com ajuda do Claude
Um desenvolvedor compartilhou sua experiência construindo o Somnia, um aplicativo de incubação de sonhos e programação, quase inteiramente com o Claude como parceiro de programação. O aplicativo é um Progressive Web App Next.js 14 que instala na tela inicial como um aplicativo nativo, envia notificações push nos horários de dormir/acordar, armazena todos os dados localmente no dispositivo e evita a distribuição por lojas de aplicativos.
O bug problemático
O desenvolvedor passou três semanas depurando um problema crítico onde as notificações push da web não estavam funcionando. O service worker continuava ficando REDUNDANT imediatamente após a instalação no modo autônomo PWA em dispositivos Android Samsung. navigator.serviceWorker.getRegistrations() consistentemente retornava arrays vazios neste modo.
Processo de depuração
Durante o processo de depuração, o desenvolvedor:
- Consultou Claude, GPT, Gemini e Perplexity para obter assistência
- Gerou relatórios completos de depuração
- Tentou mais de 15 correções diferentes
- Construiu uma página de depuração que finalmente mostrou o service worker ficando REDUNDANT
- Interpretou a saída de
chrome://serviceworker-internalscom a ajuda do Claude
A causa raiz
O problema real era que o sw.js havia sido acidentalmente commitado no git com um ID de build desatualizado. O manifesto de pré-cache dentro dele estava tentando buscar recursos de uma implantação antiga, que todos retornavam erros 404. O evento de instalação do Workbox falhou silenciosamente, fazendo com que o service worker se autodestruísse toda vez.
A correção
A solução foi simples: o comando git rm --cached corrigiu o problema removendo o arquivo desatualizado do cache.
O Claude ajudou a manter uma depuração sistemática quando o desenvolvedor queria desistir, e embora o aplicativo contenha zero conteúdo gerado por IA (todas as entradas de sonhos são escritas por humanos), ele foi construído quase inteiramente através de conversas com o Claude.
📖 Leia a fonte completa: r/ClaudeAI
👀 See Also
Desenvolvedor cria ferramenta de comparação de voos com Claude Code usando abordagem BDMA
Um não-desenvolvedor construiu o easyscape.eu usando Claude Code com uma abordagem de loop BDMA (construir/debugar/medir/ajustar). A ferramenta compara múltiplos aeroportos de partida, integra custos reais como pedágios e estacionamento, e mostra a opção de partida mais econômica, não apenas a passagem mais barata.
Desenvolvedor Envia 6 PRs do Celular em uma Festa — Agentes Fizeram o Trabalho
Um usuário do Reddit demonstrou o poder dos agentes de IA autônomos ao gerenciar múltiplos pull requests de seu telefone enquanto participava de uma festa. Seus agentes OpenClaw lidaram com correções de backend, melhorias de desempenho e ajustes de frontend de forma independente.
Usando Kimi K2.6 para Desinstalar Corretamente Aplicativos do macOS ao Encontrar Diretórios Ocultos de Aplicativos
Um desenvolvedor descreve o uso do Kimi K2.6 para encontrar e excluir automaticamente diretórios de aplicativos macOS, incluindo arquivos ocultos ~/.appname e ~/Library/Application Support, com um agente personalizado que edita seu conhecimento base para melhorar o processo.
Desenvolvedor troca Cursor por Claude para acesso ilimitado ao Opus
Um desenvolvedor migrou do Cursor para o plano Max de US$ 100 do Claude para obter uso ilimitado do Sonnet e Opus, considerando-o mais econômico do que a despesa mensal de US$ 120 do Cursor com créditos.