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
Reconstruction d'un Pipeline de Production Vidéo Automatisé avec OpenClaw
Un développeur a reconstruit un pipeline de production vidéo automatisé en utilisant OpenClaw, yt-dlp, ffmpeg et ElevenLabs. La nouvelle version analyse les scripts pour trouver des séquences pertinentes, synchronise les clips avec le timing de la voix off et limite la durée des clips pour éviter les boucles visibles.
Pionnier d'OpenClaw : Révolutionner les flux de travail des grandes entreprises
Découvrez comment OpenClaw est déployé dans les grands environnements d'entreprise, améliorant l'automatisation et l'efficacité des flux de travail complexes. Cette discussion met en lumière les principaux avantages et les retours d'expérience des utilisateurs.
Utilisateur OpenClaw développe des compétences de synthèse de relevés bancaires et de cartes de crédit.
Un nouvel utilisateur d'OpenClaw a auto-hébergé l'outil sur un serveur sécurisé et l'a utilisé pour développer deux compétences personnalisées : l'une pour résumer et catégoriser les relevés bancaires, et l'autre pour résumer les relevés de carte de crédit avec catégorisation et détection d'interruptions. Les compétences génèrent automatiquement des rapports lorsque de nouveaux relevés apparaissent et envoient des notifications Telegram.
Développeur Signale les Défis de Codage IA : Décisions de Conception et Débogage en Conditions Réelles
Un développeur travaillant sur une application iOS avec Claude Code depuis 5 mois rapporte que si l'IA peut générer facilement du code fonctionnel, prendre des décisions de conception et déboguer les problèmes qui n'apparaissent qu'avec de vrais utilisateurs sont les parties les plus difficiles. L'application compte 220 000 lignes de code et des utilisateurs réels la testent.