v0 erstellt Projekte mit Next.js und veröffentlicht sie auf Vercel. Um dasselbe Projekt bei Ai to App zu veröffentlichen, holen Sie den Code als ZIP-Datei; Ai to App baut ihn als Next.js-Serveranwendung und stellt ihn unter mein-projekt.aitoapp.com bereit. Das Einzige, was nicht mit dem Code mitkommt, sind die Werte, die auf Vercel liegen: Umgebungsvariablen und Integrationsschlüssel.
Code aus v0 holen
| Download ZIP | Über GitHub | |
|---|---|---|
| Wo | Im Menü ⋯ oben rechts im Chat unter Download ZIP. | Legen Sie über Project menu ⋯ → Settings → GitHub ein Repository an und wählen Sie dann auf GitHub Code → Download ZIP. |
| Wann | Für eine einmalige Kopie. | Wenn Sie das Projekt oft aktualisieren. |
| Achtung | 2026 wurden in der Vercel-Community ZIP-Dateien gemeldet, die leer oder unvollständig heruntergeladen wurden. Öffnen Sie die ZIP-Datei und prüfen Sie, ob package.json vorhanden ist. | Das Repository bleibt in Ihrem Konto; jede Änderung in v0 wird dort gespeichert. |
ZIP-Datei vor dem Hochladen prüfen
- Im Stammverzeichnis liegen
package.jsonund der Ordnerapp. Fehlen sie, wurde die ZIP-Datei unvollständig heruntergeladen; nutzen Sie den Weg über GitHub. pnpm-lock.yamloderpackage-lock.jsonist vorhanden. Ai to App installiert die Pakete mit demselben Paketmanager.- Steht in der Datei
next.configoutput: 'export', wird das Projekt als Website veröffentlicht, ein Server ist nicht nötig. Steht es nicht dort, wird es als Serveranwendung veröffentlicht.
Legen Sie die ZIP-Datei in das Feld auf der Startseite. Die Vorabprüfung untersucht das Projekt, ohne dass Sie ein Konto anlegen.
Auf Vercel verbliebene Werte übertragen
Die Variablen, die v0 verwendet, werden auf Vercel gespeichert und sind nicht in der ZIP-Datei enthalten. Sie sehen alle in v0 auf dem Bildschirm Project menu ⋯ → Settings → Environment Variables. Klicken Sie bei Ai to App auf der Seite Meine Apps auf der Karte der App auf Umgebungsvariablen, tragen Sie die Werte ein und klicken Sie auf Speichern und neu veröffentlichen.
| Variable | Hinweis |
|---|---|
Werte von Neon, Supabase, Upstash (DATABASE_URL, NEXT_PUBLIC_SUPABASE_URL, KV_REST_API_URL…) | Tragen Sie den Wert unverändert ein. Ihre Datenbank bleibt, wo sie ist, und die App verbindet sich von Ai to App aus mit ihr. |
AI_GATEWAY_API_KEY | Auf Vercel ist dieser Schlüssel nicht nötig, weil dort das eigene Sitzungstoken von Vercel verwendet wird. Außerhalb von Vercel funktionieren KI-Funktionen ohne diesen Schlüssel nicht. Erstellen Sie ihn im Vercel-Dashboard unter AI Gateway → API Keys. |
BLOB_READ_WRITE_TOKEN | Datei-Uploads gehen weiterhin an Vercel Blob. |
Werte mit dem Präfix NEXT_PUBLIC_ | Sie werden beim Build in den Code eingebettet und sind für jeden Besucher sichtbar. Veröffentlichen Sie nach einer Änderung unbedingt neu. |
Vercel-spezifische Funktionen
- Vercel Analytics
@vercel/analyticssammelt nur auf Vercel Daten. Bei Ai to App beschädigt es die Seite nicht, zählt aber keine Besuche.- Geplante Aufgaben
- Cron-Definitionen in
vercel.jsonlaufen bei Ai to App nicht. Wenn eine Aufgabe regelmäßig laufen muss, rufen Sie die entsprechende Adresse der App mit einem externen Zeitplaner auf. - Publish-Schaltfläche
- Publish in v0 veröffentlicht nur auf Vercel. Die Kopie bei Ai to App ändert sich erst, wenn Sie die neue ZIP-Datei hochladen.
Häufige Probleme
In der ZIP-Datei fehlt package.json; sie wurde unvollständig aus v0 heruntergeladen. Verbinden Sie das Projekt mit GitHub und laden Sie die ZIP-Datei von dort herunter.
Next.js erzeugt manche Seiten beim Build und sucht die Variable genau in diesem Moment. Tragen Sie den fehlenden Wert im Panel ein und klicken Sie auf Speichern und neu veröffentlichen.
Die AI-Gateway-Verbindung, die auf Vercel funktioniert, braucht außerhalb davon einen Schlüssel. Tragen Sie den Wert AI_GATEWAY_API_KEY ein.
In den Anmeldeeinstellungen steht noch die alte Adresse. Aktualisieren Sie in NextAuth den Wert NEXTAUTH_URL und in Supabase die Liste Redirect URLs mit der neuen Adresse.
Spätere Versionen
Nehmen Sie die Änderung in v0 vor, laden Sie die ZIP-Datei erneut herunter und laden Sie sie über die Karte derselben App hoch. Ihre Adresse und die Daten in der Datenbank bleiben gleich.
