Fallstudie: Entwicklung einer Full-Stack-Webanwendung mit Claude in sechs Wochen
Projektübersicht
Ein Entwickler ohne Informatikstudium oder Senior-Engineering-Erfahrung entwickelte und veröffentlichte in sechs Wochen mithilfe von Claude eine Full-Stack-Webanwendung. Das Projekt resultierte in Somnia, einem Traumtagebuch mit 100 Nutzern und 7 zahlenden Kunden.
Der Workflow
Der Entwickler behandelte Claude wie einen Junior-Entwickler mit unbegrenzter Geduld. Jede Aufgabe wurde eng abgesteckt – eine Komponente, eine Korrektur oder ein Feature auf einmal. Anstatt zu fragen „Baue mir eine App“, gab der Entwickler spezifische Anweisungen wie „Baue mir einen Dark-Mode-Editor, der alle 3 Sekunden automatisch in Supabase speichert.“ Der Ansatz betonte kleinen Umfang, klare Akzeptanzkriterien und Überprüfung vor dem Zusammenführen.
Technischer Stack
- Next.js 14 als Frontend-Framework
- Supabase für Authentifizierung und Datenbank mit Row Level Security
- Tiptap für Rich-Text-Bearbeitung
- next-pwa für PWA-Einrichtung
- Vercel für Bereitstellung
Der Entwickler übernahm Produktentscheidungen (was, warum und in welcher Reihenfolge zu bauen ist), während Claude die Umsetzung übernahm.
Anwendungsdetails
Somnia ist ein Traumtagebuch, das auf der Erkenntnis basiert, dass Nutzer nach dem Aufwachen 60 Sekunden Zeit haben, bevor ein Traum vollständig verblasst. Wichtige Funktionen umfassen:
- Nur Dark-Mode-Oberfläche
- Sofortiges Öffnen
- Automatische Speicherfunktion
- Morgendliche Benachrichtigung mit Countdown-Timer
- KI-Mustererkennung, die wiederkehrende Themen in Träumen über die Zeit hinweg aufzeigt
Die App bietet eine kostenlose Stufe und eine kostenpflichtige Pro-Stufe für KI-Einblicke und unbegrenzte Einträge.
Wichtige Erkenntnisse
- Eng abgesteckte Aufgaben schlagen jedes Mal offene Anweisungen
- Immer vor dem Zusammenführen überprüfen – Claude ist schnell, aber der Mensch ist das Produkthirn
- Bei Fehlern diese genau beschreiben und die Protokolle einfügen – Claude behebt sie schneller als Stack Overflow
- Der Mensch im Prozess denkt wirklich nach, während Claude ausführt
Das Projekt wurde allein aus Nepal ohne Budget entwickelt und zeigt, dass aktuelle Tools es ermöglichen, echte Produkte ohne Team zu veröffentlichen.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Entwickler erstellt 3D-GitHub-Stadtvisualisierung mit Claude Code an einem Tag
Ein Entwickler baute Git City, eine 3D-Visualisierung, bei der GitHub-Nutzer als Pixel-Art-Gebäude erscheinen, deren Höhe auf Commits und Breite auf Repositories basiert, ausschließlich mit Claude Code an einem Tag. Das Projekt verwendet Next.js, Three.js, Supabase und Vercel.
Entwickler behebt redundanten Fehler im Service Worker von Next.js PWA mit Claudes Hilfe
Ein Entwickler baute Somnia, eine Next.js 14 PWA mit Push-Benachrichtigungen, und nutzte Claude als Programmierpartner. Der schwierigste Fehler betraf Service Worker, die auf Samsung Android-Geräten REDUNDANT wurden, aufgrund einer veralteten Build-ID in sw.js.
OpenClaw auf einem MacBook Pro von 2013 mit macOS Sonoma über OpenCore Legacy Patcher ausführen
Ein Entwickler hat OpenClaw erfolgreich auf einem MacBook Pro 15" von 2013 mit 16 GB RAM installiert und ausgeführt, indem er OpenCore Legacy Patcher verwendet hat, um macOS Sonoma (v14) zu installieren und so die Node.js 22/24-Anforderungen zu erfüllen.
Entwickler nutzt Claude, um gesamte Traumtagebuch-App zu erstellen, entfernt alle KI-Funktionen aus dem Endprodukt
Ein Einzelgründer entwickelte die gesamte Somnia-Trauminzubations-App mithilfe von Claude für alle Programmieraufgaben, entfernte dann jedoch bewusst jede KI-Funktion aus dem Endprodukt. Die App nutzt Next.js, Supabase und einen Service Worker, enthält aber keine KI-Interpretationen oder Vorschläge.