Entwickler behebt redundanten Fehler im Service Worker von Next.js PWA mit Claudes Hilfe
Ein Entwickler teilte seine Erfahrungen beim Bau von Somnia, einer App für Trauminkubation und Programmierung, die fast vollständig mit Claude als Programmierpartner erstellt wurde. Die App ist eine Next.js 14 Progressive Web App, die sich wie eine native App auf dem Startbildschirm installieren lässt, Push-Benachrichtigungen zu Schlaf-/Wachzeiten sendet, alle Daten lokal auf dem Gerät speichert und die Verteilung über App-Stores vermeidet.
Der problematische Fehler
Der Entwickler verbrachte drei Wochen mit der Fehlersuche bei einem kritischen Problem, bei dem Web-Push-Benachrichtigungen nicht funktionierten. Der Service Worker wurde im PWA-Standalone-Modus auf Samsung Android-Geräten sofort nach der Installation REDUNDANT. navigator.serviceWorker.getRegistrations() gab in diesem Modus durchgehend leere Arrays zurück.
Debugging-Prozess
Während des Debugging-Prozesses:
- Konsultierte der Entwickler Claude, GPT, Gemini und Perplexity für Unterstützung
- Erstellte vollständige Debug-Berichte
- Testete über 15 verschiedene Lösungsansätze
- Baute eine Debug-Seite, die schließlich zeigte, dass der Service Worker REDUNDANT wurde
- Interpretierte die
chrome://serviceworker-internals-Ausgabe mit Claudes Hilfe
Die Ursache
Das eigentliche Problem war, dass sw.js versehentlich mit einer veralteten Build-ID in Git eingecheckt worden war. Das Precache-Manifest darin versuchte, Assets von einem alten Deployment abzurufen, die alle 404-Fehler zurückgaben. Workbox's Installationsereignis scheiterte stillschweigend, wodurch der Service Worker sich jedes Mal selbst zerstörte.
Die Lösung
Die Lösung war einfach: Der Befehl git rm --cached behebt das Problem, indem die veraltete Datei aus dem Cache entfernt wird.
Claude half dabei, systematisches Debugging aufrechtzuerhalten, als der Entwickler aufgeben wollte. Während die App keinerlei KI-generierte Inhalte enthält (alle Traumeinträge sind von Menschen geschrieben), wurde sie fast vollständig durch Gespräche mit Claude gebaut.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Aufbau eines Reddit Social Listening Workflows mit OpenClaw
Ein Entwickler hat ein automatisiertes Reddit-Überwachungssystem mit OpenClaw erstellt, das Daten sammelt, Beiträge auf Absicht und Stimmung analysiert, sie nach Relevanz einstuft und die Ergebnisse mit einem Cron-Job in Google Sheets protokolliert.
Claude Code + Remotion: App-Start-Videos ohne After Effects erstellen
Ein Entwickler nutzte Claude Code, um eine Remotion-Animation für sein App-Launch-Video zu erstellen. Damit kam er schnell auf ~80% des Weges, musste aber für pixelgenaue Positionierung manuelle Korrekturen vornehmen.
Wie Claude die Website eines Nicht-Entwicklers mit SEO und AEO auf 10.000 Nutzer brachte
Ein Nicht-Entwickler nutzte Claude für SEO-Content-Strategie, AEO-Optimierung und technische Audits, um einen KI-Skills-Marktplatz in 6 Wochen von 0 auf 10.000 aktive Nutzer zu bringen – ohne Werbeausgaben.
Entwickler baut vereinfachtes Hosting für KI-Agenten für nicht-technische Nutzer
Ein Entwickler hat ein Tool erstellt, das das Hosting von KI-Agenten automatisch über private Cloud-Instanzen abwickelt und es nicht-technischen Nutzern ermöglicht, über Telegram mit ihren eigenen API-Schlüsseln zu verbinden. Die Lösung entstand nach gescheiterten Versuchen, einen nicht-technischen Nutzer durch Standard-Docker-Setups zu führen.