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

Construindo um assistente de vendas de US$ 20 por mês com OpenClaw
Use Cases

Construindo um assistente de vendas de US$ 20 por mês com OpenClaw

Um desenvolvedor criou um sistema de vendas usando o OpenClaw que monitora e-mails para captar leads, pesquisa prospects, escreve e-mails de abordagem personalizados e prepara resumos para reuniões, rodando em um Mac Mini com custos de API de US$ 20-35/mês.

OpenClawRadar
Claude Projects + Gamma Connector: Atualizações para Investidores em 12 Minutos do Fundador de SaaS com MRR de $12K
Use Cases

Claude Projects + Gamma Connector: Atualizações para Investidores em 12 Minutos do Fundador de SaaS com MRR de $12K

Um fundador que administra um SaaS para tutores indianos ($12K MRR) reduziu o tempo de preparação de relatórios para investidores de 3 horas para 12 minutos usando o Claude Projects (contexto persistente) com o conector Gamma para gerar decks visuais automaticamente.

OpenClawRadar
Construindo agentes de IA com autorreparação para sistemas de produção
Use Cases

Construindo agentes de IA com autorreparação para sistemas de produção

Uma equipe que administra uma loja operada por IA construiu uma infraestrutura de autocuração onde agentes detectam falhas, diagnosticam causas raiz e se recuperam autonomamente sem intervenção humana, abordando especificamente falhas às 3h da manhã.

OpenClawRadar
Construindo um Bot de Monitoramento de Gatos no Discord com ESP32-S3, MiniClaw e IA Multimodal
Use Cases

Construindo um Bot de Monitoramento de Gatos no Discord com ESP32-S3, MiniClaw e IA Multimodal

Um desenvolvedor criou um bot do Discord usando um ESP32-S3 Sense com MiniClaw que captura imagens ou áudio do seu gato, envia para o modelo VLM-4V da Zhipu AI e retorna descrições em linguagem natural em vez de alertas genéricos de movimento.

OpenClawRadar