v0 projeleri Next.js ile kurar ve Vercel'de yayınlar. Aynı projeyi Ai to App'te yayınlamak için kodu zip olarak al; Ai to App onu Next.js sunucu uygulaması olarak derler ve projeadi.aitoapp.com adresinde açar. Kodla birlikte gelmeyen tek şey Vercel'de duran değerlerdir: ortam değişkenleri ve entegrasyon anahtarları.
Kodu v0'dan Al
| Download ZIP | GitHub Üzerinden | |
|---|---|---|
| Nerede | Sohbetin sağ üstündeki ⋯ menüsünde Download ZIP. | Project menu ⋯ → Settings → GitHub ile depo oluştur, sonra GitHub'da Code → Download ZIP. |
| Ne zaman | Tek seferlik bir kopya için. | Projeyi sık güncelleyeceksen. |
| Dikkat | 2026'da Vercel topluluğunda boş ya da eksik inen zip'ler bildirildi. Zip'i açıp package.json var mı bak. | Depo senin hesabında kalır; v0'daki her değişiklik oraya yazılır. |
Yüklemeden Önce Zip'e Bak
- Kökte
package.jsonveappklasörü var. Yoksa zip eksik inmiştir; GitHub yolunu kullan. pnpm-lock.yamlya dapackage-lock.jsonvar. Ai to App paketleri aynı paket yöneticisiyle kurar.next.configdosyasındaoutput: 'export'yazıyorsa proje web sitesi olarak yayınlanır, sunucu gerekmez. Yazmıyorsa sunucu uygulaması olarak yayınlanır.
Zip'i ana sayfadaki kutuya bırak. Ön kontrol projeyi hesap açmadan inceler.
Vercel'de Kalan Değerleri Taşı
v0'ın kullandığı değişkenler Vercel'de saklanır ve zip'e girmez. Hepsini v0'da Project menu ⋯ → Settings → Environment Variables ekranında görürsün. Ai to App'te Uygulamalarım sayfasında uygulamanın kartındaki Ortam Değişkenleri düğmesine bas, değerleri gir, Kaydet ve Yeniden Yayınla düğmesine bas.
| Değişken | Not |
|---|---|
Neon, Supabase, Upstash değerleri (DATABASE_URL, NEXT_PUBLIC_SUPABASE_URL, KV_REST_API_URL…) | Değeri aynen gir. Veritabanın yerinde kalır, uygulama ona Ai to App'ten bağlanır. |
AI_GATEWAY_API_KEY | Vercel'de bu anahtar gerekmez, çünkü orada Vercel'in kendi oturum belirteci kullanılır. Vercel dışında yapay zekâ özellikleri bu anahtar olmadan çalışmaz. Vercel panosunda AI Gateway → API Keys ekranından oluştur. |
BLOB_READ_WRITE_TOKEN | Dosya yüklemeleri Vercel Blob'a gitmeye devam eder. |
NEXT_PUBLIC_ önekli değerler | Derleme sırasında koda gömülür ve her ziyaretçi görebilir. Değiştirdikten sonra mutlaka yeniden yayınla. |
Vercel'e Özel Özellikler
- Vercel Analytics
@vercel/analyticsyalnız Vercel'de veri toplar. Ai to App'te sayfayı bozmaz ama ziyaret saymaz.- Zamanlanmış İşler
vercel.jsoniçindeki cron tanımları Ai to App'te çalışmaz. Düzenli çalışması gereken bir iş varsa uygulamanın ilgili adresini dışarıdaki bir zamanlayıcıyla çağır.- Publish Düğmesi
- v0'daki Publish yalnız Vercel'e yayınlar. Ai to App'teki kopya, yeni zip'i yükleyene kadar değişmez.
Sık Karşılaşılan Sorunlar
Zip'te package.json yok; v0'dan eksik inmiştir. Projeyi GitHub'a bağla ve zip'i oradan indir.
Next.js bazı sayfaları derlerken üretir ve değişkeni o anda arar. Eksik değeri panele gir, Kaydet ve Yeniden Yayınla düğmesine bas.
Vercel'de çalışan AI Gateway bağlantısı dışarıda anahtar ister. AI_GATEWAY_API_KEY değerini gir.
Giriş ayarlarında eski adres kalmış. NextAuth'ta NEXTAUTH_URL değerini, Supabase'te Redirect URLs listesini yeni adresle güncelle.
Sonraki Sürümler
Değişikliği v0'da yap, zip'i yeniden indir ve aynı uygulamanın kartından yükle. Adresin ve veritabanındaki bilgiler aynı kalır.
