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
Répartition de l'utilisation quotidienne de Claude et ChatGPT selon l'expérience d'un développeur
Un développeur partage sa répartition de flux de travail sur cinq mois : Claude excelle dans l'écriture longue, l'analyse de documents avec un contexte de 200k, les comparaisons nuancées et la planification de voyages, tandis que ChatGPT est préféré pour les réponses rapides, la génération d'images avec DALL-E, les GPT personnalisés et les extraits de code/Excel.
Architecture pour un système de briefing quotidien d'intelligence construit avec Claude
Un développeur a créé un système de briefing quotidien personnalisé utilisant l'API Claude qui ingère des flux RSS, évalue la pertinence des articles, les trie et fournit des analyses par e-mail. Le pipeline traite environ 200 articles par jour, en filtre 5 à 8 pour analyse, et coûte moins de 5 $/mois.
Flux de Travail de Claude pour le Développement Backend par les Développeurs d'Entreprise
Un développeur backend d'une grande société financière américaine partage son flux de travail avec Claude : fournir des descriptions détaillées des tâches avec spécifications et documents internes, utiliser Claude pour créer un document markdown fonctionnel, puis employer un agent de revue de code avec des directives de style organisationnelles.
Comment un assistant personnel IA a transformé la gestion de mon compte Twitter
Découvrez comment un assistant personnel IA a révolutionné la gestion d'un compte Twitter avec un engagement et une efficacité accrus. Apprenez de cette véritable histoire de réussite provenant de la communauté OpenClaw.