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

Gerenciamento de Teste do Canal do YouTube OpenClaw com Interação do Agente de Comentários
Use Cases

Gerenciamento de Teste do Canal do YouTube OpenClaw com Interação do Agente de Comentários

Um desenvolvedor testou a capacidade do OpenClaw de gerenciar um canal do YouTube, incluindo geração diária de vídeos e comentários automatizados. O sistema lidou com seleção de tópicos, roteirização, narração, miniaturas, efeitos, upload e agendamento, mas encontrou um loop de conversa infinito quando um bot de comentários interagiu com o agente de respostas automatizado.

OpenClawRadar
Usando o Claude Code para Construir um Site Drupal com Templates Twig Personalizados
Use Cases

Usando o Claude Code para Construir um Site Drupal com Templates Twig Personalizados

Um desenvolvedor utilizou o Claude Code para criar um site Drupal com templates Twig personalizados e HTML bruto, contornando a tematização tradicional do Drupal. Eles empregaram o ddev para desenvolvimento local e comandos específicos para configurar tipos de conteúdo, visualizações e taxonomias.

OpenClawRadar
Como Permitir que o OpenClaw Melhore Seu Próprio Ambiente Cria Espaços de Trabalho Sustentáveis
Use Cases

Como Permitir que o OpenClaw Melhore Seu Próprio Ambiente Cria Espaços de Trabalho Sustentáveis

Um usuário experiente do OpenClaw descobriu que o maior ganho de produtividade veio de permitir que o agente atualizasse sua própria documentação interna, editasse arquivos de operação, refinasse prompts, construísse ferramentas personalizadas, escrevesse scripts e documentasse lições. A estrutura do seu workspace inclui arquivos markdown importantes como SOUL.md para estilo comportamental, AGENTS.md para convenções operacionais e MEMORY.md como um índice leve.

OpenClawRadar
Usuário não técnico cria e implanta site usando Claude AI pelo celular
Use Cases

Usuário não técnico cria e implanta site usando Claude AI pelo celular

Um usuário sem experiência em programação construiu e implantou um site completo do seu celular em uma hora usando o Claude AI. Eles criaram uma tela de carregamento falsa do Portal 3 para uma pegadinha do Dia da Mentira descrevendo os requisitos em linguagem simples e fazendo o Claude gerar especificações e código.

OpenClawRadar