Web-Apps per Vibe Coding: Das 5-Elemente-Prompt-Gerüst für Claude Code

Worum geht es?

Vibe Coding heißt: Du beschreibst in normaler Sprache, was eine Software können soll, und eine KI schreibt den Programmcode dafür. Du bist der Bauherr, die KI ist das Bauteam. Für eine echte Web-App, also ein Programm, das im Browser läuft und mit Login und gespeicherten Daten arbeitet, brauchst du neben der KI noch drei Bausteine: eine Datenbank, einen Server und einen Ablageort für den Code.

Was bringt dir das?

• Du baust eigene kleine Werkzeuge, etwa ein Kundenportal oder ein internes Dashboard, ohne gleich eine Agentur zu beauftragen.

• Änderungen gibst du später einfach per Chat in Auftrag.

• Mit Datenbank und Server in Deutschland oder der EU legst du die Grundlage für eine DSGVO-taugliche Lösung.

• Du kannst eine Idee schnell ausprobieren, bevor du viel Geld investierst.

Wann lohnt es sich und wann nicht?

• Lohnt sich, wenn du eine konkrete App-Idee hast und bereit bist, dich einige Stunden einzuarbeiten.

• Lohnt sich besonders für interne Werkzeuge und Prototypen.

• Eher nicht, wenn die App sofort mit vielen echten Kundendaten laufen soll und niemand Sicherheit und Datenschutz prüfen kann.

Was du brauchst

• Ein kostenpflichtiges Claude-Abo mit der Desktop-App, kostenlose Konten bei GitHub und Supabase sowie ein Hosting-Anbieter, Kosten je nach Tarif.

• Einige Stunden für den ersten Durchlauf.

• Programmieren musst du nicht, aber du solltest Rückfragen beantworten und die App selbst testen.

Begriffe kurz erklärt

• Datenbank: der Speicher für alle Daten der App. Supabase bietet zusätzlich das Login.

• Hosting: ein Server im Internet, auf dem deine App läuft und erreichbar ist.

• GitHub: eine Online-Ablage für Code. Ein Projektordner dort heißt Repository.

• Deployment: das Veröffentlichen einer neuen Version auf dem Server.

• Secret Key und Publishable Key: zwei Schlüssel für die Datenbank. Der Publishable Key darf in den sichtbaren Teil der App, der Secret Key nie.

Kurz zusammengefasst

• Vier Bausteine reichen: Claude Code als Entwickler, Supabase als Datenbank mit Login, ein Node.js Hosting als Server, GitHub als Brücke.

• Datenbank und Server sollten für DSGVO-Themen in Deutschland bzw. der EU stehen.

• Der Prompt enthält fünf Elemente: App-Idee mit Funktionen, Datenbank, Server, Admin-Nutzer mit Testdaten, Aufforderung zu Rückfragen.

• Nach der Einrichtung läuft jede Änderung nur noch per Chat, inklusive automatischem Deployment.

Warum relevant: Der realistische Einstieg in eigene Software für Nicht-Entwickler.