Eigene App erstellen mit KI: ein komplettes Projekt mit Claude Code
Wir bauen unseren interaktiven Workshop-Fragebogen als echte Web-App, live und von Null, ohne Programmierkenntnisse: entwickelt mit Claude Code, gesichert auf GitHub, gehostet auf dem eigenen Server, erreichbar unter einer echten Webadresse. Hier ist der ganze Weg zum Nachlesen.
Ein komplettes Web-Projekt besteht aus sechs Bausteinen. Wer sie einmal verstanden hat, kann mit Claude Code fast jede eigene Idee umsetzen. Ganz ohne Programmier-Vorerfahrung.
1 Das ganze System auf einem Blatt
Bevor auch nur eine Zeile Code entsteht, klären wir: Was brauchen wir überhaupt? Die Antwort passt auf ein Blatt Papier.
Das ist alles, was man braucht. Kein Baukasten, kein Abo-Dschungel, keine Agentur. Sechs Bausteine, die du danach für jedes eigene Projekt wiederverwenden kannst.
2 Schritt für Schritt: die eigene Web-App live bringen
So setzen wir die Bausteine im Video zusammen, in genau dieser Reihenfolge.
- Projekt starten. Neuen Projektordner anlegen, Claude Code öffnen, und der erste Prompt beschreibt sauber, was gebaut werden soll. Je klarer die Anforderungen (bei uns: eine Spezifikation des Fragebogens), desto besser das Ergebnis.
- Fragebogen bauen & lokal testen. Claude Code baut den geführten Fragebogen; mit ein bis zwei Nachbesserungs-Prompts steht der lokale Stand. Dann einmal selbst durchklicken, als wärst du der Besucher.
- Speicherstand ins Internet. GitHub-Account erstellen und das Projekt als Repository hochladen. Ab jetzt liegt der Stand nicht mehr nur auf deinem Rechner.
- Eigenen Server mieten. VPS bei Hostinger einrichten und Coolify darauf installieren. Das dauert nur wenige Minuten und ist die Basis für alle künftigen Projekte.
- Deployen. Coolify einmalig mit GitHub verbinden, Repository auswählen, deployen. Der Fragebogen ist live erreichbar, erst mal nur unter einer kryptischen Adresse.
- Eigene Webadresse. Ein DNS-Eintrag verbindet die Domain mit dem Server. Ab jetzt ist der Fragebogen unter einem richtigen Namen erreichbar.
- Daten-Anbindung. Der Fragebogen schreibt jede Anfrage als neue Zeile in ein Google Sheet, angebunden über einen kleinen Server-Endpoint.
- Der Moment der Wahrheit. Formular unter der echten Adresse ausfüllen, und die Zeile erscheint live in der Tabelle. Vom Blatt Papier zum echten System.
3 Drei Dinge, die viele falsch machen
- Zugangsdaten gehören auf den Server, nie in den sichtbaren Website-Code. Die Google-Anbindung läuft über einen Service Account hinter einem kleinen Server-Endpoint. Besucher der Seite bekommen davon nichts zu sehen.
- Spam-Schutz ohne Captcha. Ein unsichtbares Honeypot-Feld plus serverseitige Prüfung hält Bots draußen, ohne echte Interessenten mit Bilderrätseln zu nerven.
- Benachrichtigung gratis mitnehmen. Google Sheets kann dir bei jeder neuen Zeile automatisch eine E-Mail schicken (Benachrichtigungsregeln). Ein Klick, kein eigener Mail-Versand nötig.
4 Häufige Fragen zum App-Erstellen mit KI
Kann ich mit KI eine App erstellen, ohne programmieren zu können?
Ja. Mit Claude Code beschreibst du in normaler Sprache, was du bauen willst, und die KI entwickelt die Web-App direkt auf deinem Rechner. Ein komplettes Projekt besteht aus sechs Bausteinen: Claude Code, die App selbst, Git und GitHub, ein eigener Server mit Coolify, ein DNS-Eintrag und eine Daten-Anbindung wie Google Sheets. Genau diesen Weg zeigen wir im Video an einem echten Projekt.
Was kostet es, eine App mit KI zu erstellen?
Deutlich weniger, als viele denken. Eine klassische App-Entwicklung über eine Agentur wird oft mit 30.000 bis 300.000 Euro beziffert. Unser Weg kostet laufend nur wenige Euro im Monat für den eigenen Server (VPS), einige Euro im Jahr für die Domain und das Claude-Abo. Der Fragebogen aus dem Video ist genau so entstanden.
Kann ChatGPT eine App erstellen?
ChatGPT liefert dir Code-Stücke zum Kopieren, arbeitet aber nicht selbst auf deinem Rechner. Claude Code legt Dateien an, führt Programme aus, testet und bringt das Projekt ins Netz. Für ein komplettes Projekt vom ersten Prompt bis zur Live-App ist das der entscheidende Unterschied.
Brauche ich einen App-Baukasten, um ohne Programmierkenntnisse zu starten?
Nein. App-Baukästen sind schnell, binden dich aber an ein Abo und an ihre Grenzen. Mit den sechs Bausteinen aus diesem Artikel gehört dir das System komplett: eigener Code, eigener Server, eigene Domain. Für einen Wegwerf-Prototyp kann ein Baukasten reichen, für ein echtes Geschäftssystem lohnt der eigene Weg.
5 Und wofür das Ganze?
Der Fragebogen aus dem Video ist kein Übungsprojekt. Es ist unser echter Bewerbungsweg für Workshops: KI im Unternehmen einsetzen, Mitarbeiter schulen oder das eigene KI-Projekt gemeinsam umsetzen, live bei uns im Studio.
Hol dir KI live ins Unternehmen
Genau den Fragebogen, den wir in diesem Video bauen, kannst du jetzt ausfüllen. Trag dich ein, und unser Team meldet sich bei dir.
Du willst alles im Detail nachbauen? Die komplette Umsetzung in voller Länge findest du in unserer Community.
Ehrlich dazugesagt: die Grenzen
- Ein VPS kostet ein paar Euro im Monat und du bist selbst für ihn verantwortlich. Dafür gehört dir das System komplett.
- DNS-Änderungen brauchen manchmal etwas Zeit, bis sie überall ankommen. Das ist normal, kein Fehler.
- Claude Code trifft unterwegs Entscheidungen für dich. Bei sensiblen Daten (Zugangsdaten, DSGVO) lohnt der prüfende Blick, wie im Video gezeigt.