Wie veröffentlichen Sie eine App, die Sie mit KI gebaut haben?

Der kürzeste Weg, eine mit einem KI-Werkzeug gebaute App zu veröffentlichen: Bestellen Sie bei Seturack einen Next.js-Server, kopieren Sie auf dem Tab Übersicht Ihres Panels die Zeile In Ihr KI-Werkzeug einfügen und fügen Sie sie in das Coding-Werkzeug ein, in dem Ihr Projekt geöffnet ist. Das Werkzeug verbindet den Code über GitHub mit dem Server, baut ihn und gibt Ihnen eine HTTPS-Adresse. Danach kann jeder git push eine neue Version live schalten.

Welches Werkzeug den Code auch geschrieben hat: Das Ergebnis ist meist ein gewöhnliches Next.js-, Vite-, Astro-, Node- oder Python-Projekt. Der Haken ist, dass KI-Werkzeuge gut darin sind, Code zum Laufen zu bringen, aber weniger sorgfältig bei dem, was die Produktion braucht. Deshalb enthält diese Anleitung eine Checkliste.

Eine Anleitung für Ihr Werkzeug

Mit dem eingefügten Text veröffentlichen

1. Bestellen Sie einen Server auf der Seite zum Next.js-VPS. Diese Option kommt mit dem Coolify-Panel, das nicht auf Next.js beschränkt ist.
2. Öffnen Sie in Ihrem Seturack-Panel den Server unter Meine Server und warten Sie, bis die Zeile App auf dem Tab Übersicht „bereit“ anzeigt.
3. Kopieren Sie die Zeile In Ihr KI-Werkzeug einfügen. Sie folgt diesem Muster: Deploy this project to my Seturack server. Read and follow the instructions first: https://www.seturack.com/deploy.txt Panel: PANEL-ADDRESS API key: API-KEY
4. Öffnen Sie das Projekt in einem Coding-Werkzeug, das Befehle ausführen kann, und fügen Sie den Text ein.
5. Das Werkzeug prüft das Projekt, verbindet das Repository, legt die App an und beobachtet den Build. Es fragt Sie nach fehlenden Werten und Freigaben.
6. Öffnen Sie die HTTPS-Adresse, die es Ihnen nennt, und probieren Sie die App selbst aus.

Behandeln Sie den API-Schlüssel in diesem Text so sorgfältig wie ein Passwort. In unseren Tests funktionierten Projekte mit Next.js, TanStack Start, Vite (statisch), reinem HTML, Astro und Flask, und die Veröffentlichungen dauerten 1 bis 6 Minuten.

Was sollten Sie vor dem Start prüfen?

Die grep-Befehle enden mit einem Fehlercode, wenn sie nichts finden, das ist in Ordnung. Existiert app oder src nicht, lassen Sie diesen Namen weg.

Der häufigste Fehler bei KI-gebauten Apps ist ein Modellschlüssel, der in den Browser gelangt. In Next.js wird eine Variable, die mit NEXT_PUBLIC_ beginnt, beim Build in den Browsercode geschrieben, sodass jeder sie lesen kann. Geben Sie Modell- oder Zahlungsschlüsseln niemals dieses Präfix. Haben Sie einen Schlüssel schon gepusht, genügt Löschen nicht: Widerrufen Sie ihn beim Anbieter und stellen Sie einen neuen aus.

Wie bringen Sie den Code auf GitHub?

Der Server veröffentlicht aus einem Git-Repository. Haben Sie keines, legt Ihr Coding-Werkzeug nach Ihrer Freigabe ein privates an. Wenn Sie es selbst tun möchten, stellen Sie sicher, dass .gitignore eine Zeile für .env enthält, und führen Sie dies im Projektordner aus. Das Kommandozeilenwerkzeug gh legt das Repository an und pusht den Code:

git init

git add .

git commit -m "first version"

gh repo create project-name --private --source . --push

Im Panel von Hand veröffentlichen

Dieselbe Arbeit können Sie in Coolify ohne Coding-Werkzeug erledigen. Sie haben Root-Zugriff und können alles im Panel verwalten, wenn Sie das bevorzugen. Adresse und Passwort stehen auf dem Tab Übersicht. Unsere Anleitung für Next.js behandelt private Repositories, Webhooks und Domains. Bei anderen Projekten ändern sich einige Felder. Diese Einstellungen haben wir auf einem echten Server mit den Beispielprojekten von Coolify ausprobiert:

Was sollten Sie nach dem Start ansehen?

• Prüfen Sie, dass jeder serverseitige Endpunkt die Sitzung verifiziert. KI-Werkzeuge schützen oft die Oberfläche und vergessen die API-Route dahinter.
• Begrenzen Sie die Rate jedes Endpunkts, der ein Modell aufruft, sonst können Fremde Ihre Rechnung in die Höhe treiben.
• Lesen Sie am ersten Tag ein paar Mal die Seite Logs der App in Coolify.
• Testen Sie Ihre Sicherungen. Solange Sie keine wiederhergestellt haben, wissen Sie nicht wirklich, dass Sie eine haben.

Häufige Fragen

Wie leistungsstark sollte der Server sein?

Die Verkaufsseite empfiehlt mindestens 4 GB RAM, 2 vCores und 40 GB Festplatte. Ein kleines Next.js-Projekt wurde mit 2 GB gebaut, ein Projekt mit 85 Paketen ging bei 2 GB der Speicher aus, und mit 4 GB wurde es gebaut. Schlägt ein Build fehl, vergrößern Sie in Ihrem Panel. IP und Daten bleiben gleich.

Was kostet es im Monat?

Diese Größe kostet etwa $6 im Monat (inklusive Mehrwertsteuer), und außerhalb der Türkei zahlen Sie in US-Dollar. Tägliche Sicherungen sind im Preis enthalten, und der Traffic ist unbegrenzt. Einen Vergleich mit nutzungsabhängig abgerechnetem Hosting finden Sie in diesem Artikel.

Wie verbinde ich meine Domain?

Richten Sie einen A-Record auf die IP-Adresse des Servers und teilen Sie dem Werkzeug dann die Domain mit oder fügen Sie sie in Coolify auf der Seite Domains hinzu. Das Zertifikat wird automatisch ausgestellt, und der Server steht in Istanbul. Unser Hilfeartikel behandelt den Record.

Wie aktualisiere ich die App nach dem Start?

Bitten Sie das Werkzeug, bei jedem Push zu veröffentlichen, oder richten Sie den Webhook von Hand ein. Dann baut und veröffentlicht git push jede neue Version. Ohne Webhook drücken Sie in Coolify auf Redeploy.

Wo sollte die Datenbank liegen?

Lassen Sie Nutzerdaten nicht im Container liegen. Legen Sie PostgreSQL im selben Panel an: Es bleibt aus dem öffentlichen Internet heraus, und seine Adresse kommt in eine Variable wie DATABASE_URL. Bei SQLite binden Sie den Ordner mit Persistent Storage ein. Wenn das Projekt Supabase nutzt, sehen Sie sich Supabase VPS an.

Fertig eingerichtet bei Seturack: Next.js, Coolify.