Desarrollador depura error redundante en el service worker de PWA en Next.js con la ayuda de Claude.
Un desarrollador compartió su experiencia construyendo Somnia, una aplicación de incubación de sueños y programación, casi completamente con Claude como compañero de codificación. La aplicación es una Progressive Web App de Next.js 14 que se instala en las pantallas de inicio como una aplicación nativa, envía notificaciones push en los horarios de sueño/despertar, almacena todos los datos localmente en el dispositivo y evita la distribución en tiendas de aplicaciones.
El error problemático
El desarrollador pasó tres semanas depurando un problema crítico donde las notificaciones push web no funcionaban. El service worker seguía volviéndose REDUNDANT inmediatamente después de instalarse en el modo independiente de PWA en dispositivos Android Samsung. navigator.serviceWorker.getRegistrations() consistentemente devolvía arreglos vacíos en este modo.
Proceso de depuración
Durante el proceso de depuración, el desarrollador:
- Consultó a Claude, GPT, Gemini y Perplexity para obtener asistencia
- Generó informes completos de depuración
- Probó más de 15 soluciones diferentes
- Construyó una página de depuración que finalmente mostró que el service worker se volvía REDUNDANT
- Interpretó la salida de
chrome://serviceworker-internalscon la ayuda de Claude
La causa raíz
El problema real fue que sw.js se había comprometido accidentalmente en git con un ID de compilación obsoleto. El manifiesto de precaché dentro intentaba obtener recursos de una implementación anterior, que todos devolvían errores 404. El evento de instalación de Workbox falló silenciosamente, haciendo que el service worker se autodestruyera cada vez.
La solución
La solución fue simple: el comando git rm --cached solucionó el problema al eliminar el archivo obsoleto del caché.
Claude ayudó a mantener una depuración sistemática cuando el desarrollador quería rendirse, y aunque la aplicación no contiene contenido generado por IA (todas las entradas de sueños están escritas por humanos), fue construida casi completamente a través de conversaciones con Claude.
📖 Read the full source: r/ClaudeAI
👀 Ver también
El desarrollador de juegos utiliza OpenClaw para la recolección automatizada de comentarios y la refactorización de código.
Un desarrollador de videojuegos ejecuta OpenClaw como un servicio en segundo plano en un MacBook para gestionar dos proyectos: Heretical (un juego de Steam) y Duskland (un proyecto TypeScript). El sistema utiliza modelos Claude a través de Discord y Telegram, con archivos de memoria locales en formato Markdown.
El Agente de IA RunLobster Integra Datos Empresariales para Perspectivas Operativas
Un desarrollador otorgó a RunLobster acceso de root a sus sistemas empresariales, incluyendo Stripe, CRM, correo electrónico y transcripciones de llamadas. El agente monitorea las operaciones de forma autónoma, marca anomalías y proporciona informes detallados basados en análisis de datos integrados.
Construyendo una canalización automatizada de edición de video con herramientas OpenClaw MCP.
Un desarrollador creó una habilidad OpenClaw que automatiza la edición de videos para contenido de YouTube/Twitch, procesando videos de 20 minutos en 4 minutos y generando ediciones de corte rápido, subtítulos y 20-30 shorts por grabación.
No desarrollador construye juego de cadena de palabras en un día usando Claude AI.
Un usuario sin experiencia en programación creó un juego completo para navegador en una sola sesión usando Claude AI. El juego de cadena de palabras incluye un diccionario de 74k palabras, efectos de sonido, elementos de diseño y una mascota.