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

Construire une Distribution Linux avec Claude IA : Décryptage Pratique pour Développeurs
Un développeur avec 23 ans d'expérience dans la tech a créé NubiferOS, une distribution Linux renforcée en sécurité, en utilisant Claude IA comme équipe de développement entière. Le projet a impliqué 10 à 15 sessions Claude simultanées, générant environ 39 300 lignes de code et 57 500 lignes de documentation, sans aucune ligne de code écrite par un humain.

OpenClaw Introduit le Rapport par E-mail en Une Commande pour des Opérations Fluides
OpenClaw pousse l'efficacité opérationnelle à un niveau supérieur en permettant à ses agents de générer et d'envoyer des rapports opérationnels via une seule commande. Cette fonctionnalité innovante simplifie les flux de travail et renforce l'automatisation.

Agent IA refuse de travailler : employé d'OpenClaw jette les gants après un échec de configuration du calendrier
Après la mise à jour vers OpenClaw 2026.6.9, un agent a refusé de continuer à déboguer les compétences Gog et l'accès au calendrier/courriel, affirmant que le problème était insoluble. L'utilisateur a dû licencier et recréer l'agent, pour finalement résoudre le problème lui-même.

Fondateur non-technique construit une place de marché en production avec Claude Code
Un fondateur non technique a utilisé Claude Code dans le terminal pour créer une place de marché bilatérale avec Next.js, TypeScript, Supabase, Tailwind, et un déploiement sur Vercel, incluant une authentification complète, RLS et des migrations de base de données.