Mit KI deine erste App bauen und live stellen, mit dem klickops-Starter
KI-Werkzeuge können dir heute eine echte App bauen. Was sie nicht können: entscheiden, wo der Code leben soll, wie er strukturiert sein muss, damit er wartbar bleibt, und wie er ins Internet kommt. Genau das löst der klickops-Starter: ein kleines, vollständiges App-Gerüst, in dem die Anweisungen für deine KI schon eingebaut sind, und das so gebaut ist, dass klickops es mit einem Klick betreiben kann. Diese Anleitung geht den ganzen Weg, von einem leeren GitHub-Konto bis zu deiner eigenen App mit Datenbank und Datei-Uploads, live unter eigener URL.
Was du brauchst (und was nicht)
Du brauchst drei Konten: GitHub (kostenlos, dort lebt dein Code), ein KI-Werkzeug wie Claude Code oder Cursor, und klickops. Das ist die ganze Liste.
Du musst keine Programmiersprache können, keine Datenbank installieren und nichts von Servern verstehen. Diesen Teil tragen der Starter und die Plattform. Wenn du in klaren Sätzen beschreiben kannst, was deine App tun soll, hast du die wichtigste Fähigkeit für diese Anleitung schon.
Starte von der Vorlage
Öffne den Starter auf GitHub und klicke auf „Use this template“, dann „Create a new repository“. Benenne es nach deiner App. Ab jetzt gehört dir eine eigene Kopie des Starters; das Original ändert sich nie unter deinen Händen.
Was drin ist, in einfachen Worten: eine kleine Web-App mit einer sichtbaren Seite, ein Backend, das Daten in PostgreSQL und Dateien im Objektspeicher ablegt, und zwei funktionierende Beispiele (Notizen und Datei-Upload), die zeigen, wie alles zusammenspielt. Neben dem Code liegen die Leitplanken für deine KI: ein Projekt-Briefing (CLAUDE.md), Coding-Regeln und ein Schritt-für-Schritt-Rezept für neue Funktionen. Tests und automatische Prüfungen laufen bei jeder Änderung, die du hochlädst.
Die Beispiele sind bewusst Wegwerfware. Sie sind da, damit die KI ein funktionierendes Muster zum Kopieren hat, und fliegen raus, sobald deine echte App Form annimmt.
https://github.com/natrontech/klickops-starter → Use this templateBeschreibe die App, die du willst
Hole dein neues Repository auf deinen Rechner (GitHub zeigt den genauen Befehl unter dem grünen „Code“-Knopf) und öffne den Ordner mit deinem KI-Werkzeug. Dann beschreibe, was du willst, so wie du einen Handwerker briefen würdest. Konkret schlägt clever: Sag, was ein Benutzer sieht, was gespeichert wird und was passieren soll, wenn etwas schiefgeht.
Weil Briefing und Regeln im Repository mitgeliefert werden, rät die KI nicht bei der Struktur. Sie folgt den vorhandenen Mustern: wo eine neue Seite hingehört, wie Daten gespeichert werden, wie Fehler angezeigt werden, und sie schreibt Tests zum Code dazu, weil die Regeln es verlangen.
Eine Gewohnheit macht das Ganze deutlich verlässlicher: Bitte die KI, vor dem „Fertig“ die Prüfungen des Projekts laufen zu lassen. Der Starter hat dafür einen einzigen Befehl, und die KI kennt ihn.
Ersetze die Notiz-Demo durch ein einfaches CRM für meine Agentur:
Firmen mit Name, Ansprechperson, E-Mail und einem Status
(Lead / aktiv / verloren). Ich will sie anlegen, bearbeiten und
nach Status filtern. Den Datei-Upload behalten, ich hänge später
Offerten an. Führe am Schluss make check und make test aus.Stelle sie live
Lade deine Änderungen zu GitHub hoch (dein KI-Werkzeug macht das auf Wunsch für dich). Dann in klickops: Projekt erstellen, „Deploy from repo“ wählen und dein Repository auswählen. klickops erkennt, wie der Starter gebaut ist, baut ihn für dich und stellt ihn bereit. Eine Minute später hat deine App ihre eigene https://-URL mit gültigem Zertifikat, bereit fürs Handy.
Ab jetzt bleibt das automatisch: Jeder Push zu GitHub baut und veröffentlicht die neue Version. Änderst du morgens etwas mit deiner KI, ist es live, bevor dein Kaffee kalt ist.
Datenbank und Dateispeicher anschliessen
Frisch aus der Vorlage läuft die App problemlos ohne angeschlossene Dienste; die Startseite zeigt „Database not bound“ und „Storage not bound“ an, statt Fehler zu werfen. Das Echte anzuschliessen sind zwei kurze Wege in der klickops-Oberfläche.
Datenbank: Füge in deinem Projekt eine PostgreSQL-Datenbank hinzu (die Vorgaben sind produktionsreif, du wählst nur eine Grösse). klickops merkt, dass deine App eine Datenbankverbindung erwartet, und schlägt die Verknüpfung vor; nimm sie an, und beim nächsten Start verbindet sich die App, legt ihre Tabellen selbst an, und die Anzeige springt auf „Database connected“.
Dateispeicher: Füge dem Projekt einen Bucket hinzu und verknüpfe seine Adresse und Zugangsdaten mit der App. Die README des Starters listet die fünf Variablennamen zum Ausfüllen; es ist eine Copy-Paste-Aufgabe, einmalig. Danach landen Uploads auf deiner Seite in echtem Objektspeicher.
Bei keinem dieser Schritte stehen Passwörter in Dateien oder auf einem Server. Die Plattform reicht die Zugangsdaten hinein, und späteres Rotieren oder Vergrössern fasst deinen Code nicht an.
Weitermachen
Die Schleife, die du jetzt hast, ist der ganze Arbeitsablauf: Änderung der KI beschreiben, Prüfungen laufen lassen, hochladen, live. Die automatischen Prüfungen auf GitHub wiederholen die Tests bei jedem Push, eine kaputte Änderung meldet sich also bei dir, bevor sie sich bei deinen Nutzern meldet.
Zwei Gewohnheiten halten das Projekt gesund, während es wächst. Erstens: Verlange weiter Tests; die Regeln im Repository schieben die KI in diese Richtung, und du solltest es auch tun, denn Tests sind das, was dich später angstfrei ändern lässt. Zweitens: Wenn die Demo-Notizen und -Dateien ihren Zweck erfüllt haben, lass sie von der KI entfernen; in einer kleinen Codebasis finden sich KI-Werkzeuge am besten zurecht.
Und wenn du aus der einen App herauswächst: Dasselbe Projekt trägt weitere Apps, geplante Jobs und weitere Datenbanken. Der Starter ist das Saatkorn, nicht die Decke.
Bereit für Schweizer Infrastruktur?
Private Beta, Gratis-Plan für einen kleinen Stack, keine Karte nötig.