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
Una cueva oscura: un juego de supervivencia basado en texto evita la inteligencia artificial y abraza el minimalismo
Una Cueva Oscura es un juego de navegador gratuito de supervivencia y construcción de asentamientos basado en texto que deliberadamente evita los gráficos, utilizando solo texto, símbolos y sonidos para crear atmósfera. El desarrollador argumenta que, a medida que las imágenes generadas por IA se vuelven omnipresentes, los juegos necesitarán diferenciadores como la narración y la imaginación del jugador.
Claude Opus 4.6 Usado para Construir una App de Citas con Más de 700 Usuarios en un Mes
Un desarrollador utilizó Claude Opus 4.6 para construir una aplicación de citas completa con frontend en Flutter, backend en Node.js y base de datos MongoDB. La aplicación obtuvo más de 700 usuarios registrados en aproximadamente un mes e incluye funciones de emparejamiento, chat y referidos.
Claude Code permite que un recién graduado desarrolle en solitario un juego multijugador en tiempo real
Un recién graduado sin experiencia formal en ingeniería de software usó Claude Code para construir imageclash.net, un juego multijugador en tiempo real con autoescalado serverless de GPU, experiencia de usuario con el móvil como mando y gestión del ciclo de vida de imágenes basada en R2.
Claude AI se utilizó para crear una película especulativa de 15 minutos desde el concepto hasta el final.
Un usuario llevó al límite las capacidades de razonamiento y escritura creativa de Claude para desarrollar un concepto completo de película, guión y dirección de escenas para una película especulativa de IA de 15 minutos sobre una familia en un hipotético conflicto de Medio Oriente, con Claude manejando el tema central de la "Elección Imposible".