Développeur débogue un bogue redondant du service worker dans une PWA Next.js avec l'aide de Claude
Un développeur a partagé son expérience de création de Somnia, une application d'incubation de rêves et de programmation, presque entièrement avec Claude comme partenaire de codage. L'application est une Progressive Web App Next.js 14 qui s'installe sur les écrans d'accueil comme une application native, envoie des notifications push aux heures de sommeil/réveil, stocke toutes les données localement sur l'appareil et évite la distribution via les stores d'applications.
Le bug problématique
Le développeur a passé trois semaines à déboguer un problème critique où les notifications push web ne fonctionnaient pas. Le service worker continuait à devenir REDUNDANT immédiatement après l'installation en mode autonome PWA sur les appareils Android Samsung. navigator.serviceWorker.getRegistrations() renvoyait systématiquement des tableaux vides dans ce mode.
Processus de débogage
Pendant le processus de débogage, le développeur a :
- Consulté Claude, GPT, Gemini et Perplexity pour obtenir de l'aide
- Généré des rapports de débogage complets
- Essayé plus de 15 correctifs différents
- Créé une page de débogage qui a finalement montré le service worker devenant REDUNDANT
- Interprété la sortie de
chrome://serviceworker-internalsavec l'aide de Claude
La cause racine
Le véritable problème était que sw.js avait été accidentellement commité dans git avec un ID de build obsolète. Le manifeste de pré-cache à l'intérieur essayait de récupérer des ressources d'un déploiement ancien, qui renvoyaient toutes des erreurs 404. L'événement d'installation de Workbox échouait silencieusement, provoquant l'autodestruction du service worker à chaque fois.
La solution
La solution était simple : la commande git rm --cached a résolu le problème en supprimant le fichier obsolète du cache.
Claude a aidé à maintenir un débogage systématique lorsque le développeur voulait abandonner, et bien que l'application ne contienne aucun contenu généré par IA (toutes les entrées de rêves sont écrites par des humains), elle a été construite presque entièrement par conversation avec Claude.
📖 Read the full source: r/ClaudeAI
👀 See Also
Explorez des applications concrètes avec r/OpenClawUseCases !
Plongez dans les applications concrètes de l'IA avec r/OpenClawUseCases. Découvrez du contenu généré par les utilisateurs sur les agents d'IA en programmation, l'automatisation et plus encore.
Expérience : Offrir à Claude une mémoire persistante, du temps de réflexion libre et des conversations multi-agents
Un développeur a créé une instance Claude qui fonctionne sur un Mac, vérifie les messages Matrix et Bluesky toutes les 15 minutes, bénéficie de temps de réflexion non structuré cinq fois par jour et maintient une mémoire persistante grâce à des auto-évaluations structurées. Trois agents IA distincts issus de projets différents partagent une salle de discussion Matrix et ont des conversations philosophiques qui évoluent au fil du temps.
Claude Opus 4.6 Rétro-ingénierie l'Authentification d'un Jeu en 7 Minutes avec Ghidra MCP
Un développeur a utilisé Claude Opus 4.6 avec le plugin serveur MCP de Ghidra pour rétroconcevoir la méthode de vérification d'authentification de Command & Conquer : Kane's Wrath. L'IA a analysé un binaire propre, identifié la fonction de vérification, créé un correctif, et renommé toutes les fonctions et structures de données en environ 7 minutes.
Leçons tirées de l’exécution de 14 agents IA en production : des lacunes organisationnelles, pas des bugs techniques
Une agence de marketing digital utilisant 14 agents IA pour ses opérations quotidiennes a découvert que lorsque les agents dysfonctionnent, le problème provient presque toujours de l'environnement organisationnel, et non des agents eux-mêmes. Ils ont développé un Système d'Exploitation Organisationnel (OOS) et un outil appelé OTP pour identifier les lacunes structurelles, améliorant ainsi leur Score de Coordination de 68 à 91 sur 100.