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
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.
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.
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.
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.