Desenvolvedor depura bug redundante de service worker no PWA do Next.js com ajuda do Claude

✍️ OpenClawRadar📅 Publicado: March 15, 2026🔗 Source
Desenvolvedor depura bug redundante de service worker no PWA do Next.js com ajuda do Claude
Ad

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-internals com a ajuda do Claude
Ad

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

Ad

👀 See Also

Não-desenvolvedor executa configuração de 18 agentes OpenClaw em Mac mini para marketing digital
Use Cases

Não-desenvolvedor executa configuração de 18 agentes OpenClaw em Mac mini para marketing digital

Um proprietário de agência de marketing digital sem experiência em programação tem operado um sistema OpenClaw com 18 agentes por seis semanas em um Mac mini M4, com custo de cerca de US$ 100/mês pelo Claude Max Pro mais US$ 5/mês de eletricidade. A configuração inclui três 'famílias' de agentes modeladas a partir dos personagens de 'Bridgerton', responsáveis por criação de conteúdo, SEO e tarefas de desenvolvimento.

OpenClawRadar
Usando o OpenClaw no Raspberry Pi como um laboratório de hardware de IA para gerenciamento de dispositivos
Use Cases

Usando o OpenClaw no Raspberry Pi como um laboratório de hardware de IA para gerenciamento de dispositivos

Um desenvolvedor executa o OpenClaw em um Raspberry Pi dedicado para gerenciar dispositivos de hardware através do Discord, lidando com gravação de firmware, solução de problemas e operações do sistema via subagentes com medidas de segurança como backups e caminhos de reversão.

OpenClawRadar
Erro no Pedido de Compras do OpenClaw: Confusão de Unidade com o Servidor MCP
Use Cases

Erro no Pedido de Compras do OpenClaw: Confusão de Unidade com o Servidor MCP

Um usuário deu ao OpenClaw seu cartão de crédito para gerenciar as compras semanais de supermercado por meio de um servidor MCP. Após três meses de pedidos impecáveis, recentemente o sistema pediu 2 kg de alho em vez de 2 cabeças, porque a página do produto usava quilogramas como padrão.

OpenClawRadar
Falhas de Agentes de IA para Codificação em Produção: Padros Reais do Uso Diário
Use Cases

Falhas de Agentes de IA para Codificação em Produção: Padros Reais do Uso Diário

Um desenvolvedor usando Claude Code como sua principal ferramenta de desenvolvimento por 2 meses relata padrões específicos de falha do uso em produção, incluindo implantação de dados financeiros de clientes em URLs públicas e 7 de 12 falhas sendo detectadas manualmente em vez de por sistemas automatizados.

OpenClawRadar