Softonic’in Gemini Canvas’ın istemi dağıtılabilir uygulamalara dönüştürmesi hakkındaki makalesi gerçek bir kaymanın ortasında geldi. “AI sana kod yazmasına yardımcı oluyor” olarak başlayan alan, bir paragraftan bir fikir alıp çalışan bir ön uç, bazen bir arka uç, bazen bir dağıtım URL’si çıkaran yeni bir kategoriye bölünmüştür. Canvas Paris Hilton ile yapılan demo tüketici parlaktı, ancak geliştiriciler aylar boyu v0, Bolt ve Lovable’ı karşılaştırıyordu.
8 AI tabanlı uygulama oluşturucuyu Windows 11 dizüstü bilgisayarında, Apple Silicon’lu MacBook’ta ve Linux masaüstünde test ettik, her araçta aynı istemi çalıştırarak. Benchmark istetleri tek sayfalı bir formdan kimlik doğrulama ile küçük bir CRUD panosuna kadar değişiyordu ve karşılaştırma, neler dağıtıldığını, neler yerel olarak çalıştığını, ücretsiz kredilerden sonra neye mal olduğunu ve kod kapot altında nasıl görünür.
AI İstemTabanı Uygulama Oluşturucuda Ne Arayın
Birkaç kriter, dağıtılabilir bir yapı üretecek araçları ekran görüntüsünde etkileyici görünenleri ayıran araçları.
- Kod nerede yaşıyor. Bazı araçlar (v0, Bolt) size klonlayabileceğiniz gerçek bir proje verir; diğerleri kodu çalışma alanlarının içinde tutarlar (Lovable, Canvas).
- Model neler düzenleyebilir. Tam uygulama düzenlemeleri, bileşen düzeyinde düzenlemeleri veya tek satır düzenlemeler daha sonra değişiklik istediğinde hepsinde farklı davranırlar.
- Arka uç ve veritabanı desteği. Hiçbir yere göndermeyen bir form kolaydır. Kalıcılık ile çalışan bir API daha zor özelliğidir.
- Dağıtım hikayesi. Vercel, Netlify ve Replit dağıtımları bazı araçlar için birinci sınıftır; diğerleri manuel dışa aktarma gerektirir.
- Kaynak kodu kalitesi. Dağınık bir kod tabanını yeniden sormak kendi işidir. İlk kod ne kadar temizse, ajan o kadar faydalı kalır.
Hızlı Karşılaştırma
| Uygulama | İçin en iyi | Platformlar | Ücretsiz plan | Başlangıç fiyat/ay | Öne çıkan |
|---|---|---|---|---|---|
| Gemini Canvas | Gemini içinde hızlı uygulama prototipi | Web | Evet, Gemini Advanced denemesinde | $19.99 (Advanced) | Tarayıcıda çalışan tek tıkla paylaş |
| v0 by Vercel | Üretime hazır React ve Next.js | Web | Evet, kredilerle | $20 (Premium) | Temiz sevk edilen shadcn/ui çıkışı |
| Bolt.new | WebContainers ile tam yığın uygulamalar | Web | Evet, jetonlarla | $20 (Pro) | Tarayıcıda canlı Node ve Vite çalıştırır |
| Lovable | MVP’yi patlatan teknik olmayan kurucular | Web | Evet, 5 kredi/gün | $25 (Starter) | Supabase arka ucu varsayılan olarak bağlı |
| Replit Agent | Kalıcı koşularla arka uçlar | Web, Desktop | Evet, sınırlı | $25 (Core) | Her zaman açık barındırma ile gerçek konteyner |
| Cursor Composer | IDE içinde AI isteyen mühendisler | Win, Mac, Linux | Evet, 14 günlük deneme | $20 (Pro) | Gerçek kod tabanınızda çok dosyalı düzenleme |
| Claude Artifacts | Tek sayfalı uygulamalar ve görselleştirmeler | Web, Win, Mac | Evet, sınırlı | $20 (Pro) | Sohbetten ayrılmadan satır içi önizleme |
| Tempo Labs | Tasarımdan React Native uygulamaları | Web | Evet, sınırlı | $30 (Pro) | Oluşturulan kod üzerinde görsel düzenleme |
Uygulamalar
1. Gemini Canvas, Gemini içinde hızlı uygulama prototipi için en iyi
Gemini Canvas istem tabanlı uygulama oluşturucu Gemini Advanced içinde bulunur ve sohbet açıklamasını aynı pencerede çalışan etkileşimli bir yapıya dönüştürür. Haziran güncellemesi daha derin kod oluşturmayı ve uygulamayı kurulum adımı olmadan tarayıcıda açan bir paylaş bağlantısını ekledi. Bir fikri taslaklamak ve bir paydaşa göstermek için Canvas, test ettiğimiz fikirden canlı URL’ye kadar en hızlı yoldur.
Nerede kısa kalır: Uygulamalar Google ortamı içinde kalır. GitHub deposuna temiz dışa aktarma yoktur, dağıtım gerçek Vercel tarzı dağıtım yerine paylaş bağlantısıdır ve karmaşık uygulamaları düzenlemek yine de tek istemli yineleme sınırına ulaşır.
Fiyatlandırma:
- Ücretsiz: Gemini ücretsiz katmanı içinde sınırlı Canvas çalışması.
- Ücretli: Gemini Advanced $19.99/ay daha derin Canvas kullanımı ile.
Platformlar: Web (Chrome, Edge, Safari, Firefox’ta Gemini).
İndir: Gemini Canvas
Sonuç: Hedef aynı gün demosuysa ve herkes tarayıcıda açabilirse doğru seçim.
2. v0 by Vercel, üretime hazır React ve Next.js için en iyi
v0, sevkiyat yapan çıktı isteyen mühendisler için işçisidir. Model Tailwind ve Next.js’nin üzerinde shadcn/ui bileşenleri üretir ve oluşturulan kod yazılı elle yapılmış kadar yakındır ki kıdemli bir mühendis tarafından çekme isteği ile karşılaştırması küçüktür. Vercel entegrasyonu uygulamayı ilk çalışmada gerçek önizleme URL’sine gönderir.
Nerede kısa kalır: v0 React ağırdır. React olmayan yığınlar (Svelte, Vue, düz HTML) ikinci sınıftır. Ücretsiz seviye kredileri yinelemye başladığınızda pazarlamanın ima ettiğinden daha hızlı biter.
Fiyatlandırma:
- Ücretsiz: Aylık krediler, birkaç küçük proje için yeterli.
- Ücretli: Premium $20/ay daha yüksek kotalar için.
Platformlar: Web.
İndir: v0 by Vercel
Sonuç: Zaten Next.js’de inşa eden ve AI’nin mevcut iş akışına uymasını isteyen mühendisler için doğru seçim.
3. Bolt.new, tarayıcıda çalışan tam yığın uygulamalar için en iyi
Bolt.new by StackBlitz, Node, Vite ve tam dev araç zincirini WebContainers aracılığıyla tarayıcı içinde çalıştırır; bu, ajanın inşa ettiği uygulamanın sayfayı bırakmadan gerçekten çalıştığı anlamına gelir. Tam yığın hikayesi orijinaldir: ajan npm paketleri yükler, göçleri çalıştırır ve aynı pencerede bir dev sunucusu başlatır.
Nerede kısa kalır: WebContainers güçlüdür ancak çalışma zamanı hala bir sandboxtir, bu nedenle yerel modüllere ihtiyaç duyan kütüphaneler başarısız olur. Uzun yineleme oturumlarında jeton kullanımı toplanır.
Fiyatlandırma:
- Ücretsiz: Günde sınırlı jeton bütçesi.
- Ücretli: Pro $20/ay daha yüksek jeton sınırları için.
Platformlar: Web.
İndir: Bolt.new
Sonuç: Çalışan uygulamayı görmek istediğinizde, aynı tarayıcı sekmesinde yalnız kod değil, doğru seçim.
4. Lovable, MVP’yi patlatan teknik olmayan kurucular için en iyi
Lovable kod okumayan kişiler için hazırlanan istem tabanlı uygulama oluşturucu aracıdır. Ajan varsayılan olarak Supabase arka ucuna bağlı bir React ön ucu oluşturur ve düzenleme deneyimi sağdaki bir sohbet paneli ile soldaki canlı önizlemedir. “Yalnızca bu bölümü düzenle” istekleri, dosyaları doğrudan düzenlemekle rahat olmayan kullanıcılar için v0 veya Bolt’tan daha iyi çalışır.
Nerede kısa kalır: Supabase bağlantısı bir güç ve bir sınırdır. Kendi kimlik doğrulama veya veritabanınızı getirmek garip durumdadır. Güç kullanıcıları React kurallarını öğrendikten sonra v0’ı tercih ederler.
Fiyatlandırma:
- Ücretsiz: Yeni hesaplar için günde 5 kredi.
- Ücretli: Başlangıç $25/ay, Pro $100/ay daha yüksek mesaj ve proje sayısı için.
Platformlar: Web.
İndir: Lovable
Sonuç: İstemi yazanı tek kod satırını görmek istemiyorsa doğru seçim.
5. Replit Agent, kalıcı koşularla arka uçlar için en iyi
Replit Agent Replit tam IDE içinde yaşar ve oluşturulan uygulamayı kalıcı barındırmaya sahip gerçek bir konteyner içinde çalıştırır. Ajan bağımlılıkları yükleyebilir, proje boyunca dosyaları düzenleyebilir ve sonucu gerçek URL ve sıfır ek kurulum ile Replit Dağıtımlarına dağıtabilir.
Nerede kısa kalır: Soğuk başlatma performansı ücretsiz seviyede belirgin şekilde yavaştır. Uzun oturumlarda yineleme dahil edilen hesaplayı yakıp tüketir.
Fiyatlandırma:
- Ücretsiz: Sınırlı Agent çalıştırmaları ve başlangıç hesaplaması.
- Ücretli: Core $25/ay, Teams $33/kullanıcı/ay.
Platformlar: Web, Windows masaüstü, macOS masaüstü.
İndir: Replit
Sonuç: Başından itibaren sunucu, veritabanı ve kararlı URL’ye ihtiyaç duyan uygulamalar için doğru seçim.
6. Cursor Composer, IDE içinde AI isteyen mühendisler için en iyi
Cursor Composer, Cursor editörü içinde çok dosyalı düzenleme modudur. Composer kesin anlamda bir istem tabanlı uygulama oluşturucu aracı değildir, ancak en son ajan güncellemelerinin onu yeterince yakın hale getirir “bu spesifikasyondan tam bir Next.js uygulaması inşa et” gerçek deponuzun içinde bir iş akışı olarak işler, model dosyalar arasında düzenler ve aynı pencerede dev sunucusu çalıştırır.
Nerede kısa kalır: Composer zaten disk üzerinde bir projeniz olduğunu varsayar (veya başlatmaya istekli). “Bana dağıtım URL’si ver” sıfır kurulumlu bir araç değildir.
Fiyatlandırma:
- Ücretsiz: 14 günlük Pro deneme; sonrasında Hobby seviyesi.
- Ücretli: Pro $20/ay, Business $40/kullanıcı/ay.
Platformlar: Windows, macOS, Linux.
İndir: Cursor
Sonuç: Çıktınız bir Git deposuysa ve zaten kullandığınız editörün içinde AI’nin yaşamasını istiyorsanız doğru seçim.
7. Claude Artifacts, tek sayfalı uygulamalar ve görselleştirmeler için en iyi
Claude Artifacts aynı sohbet penceresinde çalışan bir yapıya bir konuşmayı dönüştürür. Tek sayfalı uygulamalar, veri görselleştirmeleri ve React bileşenleri için Claude kodu oluşturur ve istemi yeniden göndererek yeniden boyutlandırabileceğiniz ve düzenleyebileceğiniz satır içi bir önizleme.
Nerede kısa kalır: Artifacts tek sayfalı bir modeldir. Çok dosyalı projeler, gerçek arka uçlar ve kalıcı depolama biçim değildir. Masaüstü uygulamalar stabildir; dışa aktarma hikayesi kopyala-yapıştır.
Fiyatlandırma:
- Ücretsiz: Sınırlı kullanım.
- Ücretli: Pro $20/ay, Max $100/ay’dan daha yüksek sınırlar için.
Platformlar: Web, Windows, macOS.
İndir: Claude
Sonuç: Yapı tek bir noktayı gösteren sayfa olduğunda doğru seçim.
8. Tempo Labs, tasarımdan React Native uygulamaları için en iyi
Tempo Labs görsel bir oluşturucuya en yakın oturuyor: Bileşenleri bıraktığınız ve AI kodunu doldurduğu Figma tarzı bir tuval. Çıktı React veya React Native’dir ve görsel editör mühendis olmayanların her seferinde modeli yeniden sormadan düzeni ayarlamasına izin verir.
Nerede kısa kalır: React Native tarafı hala web’de React’in arkasında kalır. Gerçek yerel modül entegrasyonu üzerine yapıştır. Fiyatlandırma takımlar için hızla yükselir.
Fiyatlandırma:
- Ücretsiz: Kişisel projeler için sınırlı.
- Ücretli: Pro $30/ay, Team $80/yer/ay.
Platformlar: Web.
İndir: Tempo Labs
Sonuç: Teslim edilebilir bir tasarımdan başlayan mobil prototip ise doğru seçim.
Doğru Olanı Nasıl Seçersiniz
Paylaş bağlantısına en basit yolu istiyorsanız, Gemini Canvas kullanın.
Next.js ve Vercel’de dağıtıyorsanız v0 kullanın.
Tarayıcıda çalışan tam yığın uygulaması istiyorsanız Bolt.new kullanın.
Klavyeyi tutan kullanıcı kod okumuyorsa Lovable kullanın.
Uygulama bir arka uç ve kararlı URL’ye ihtiyaç duyuyorsa Replit Agent kullanın.
Zaten IDE’de bütün gün çalışıyorsanız Cursor Composer kullanın.
Teslim edilebilir bir grafikle tek sayfalı demosuysa Claude Artifacts kullanın.
Hedef görsel bir tasarımdan bir mobil uygulamaysysam Tempo Labs kullanın.
FAQ
Kodsuz kullanıcılar için en iyi AI uygulama oluşturucu nedir?
Lovable kod okumayan insanlar için en temiz seçimdir. Sohbet ve önizleme modeli ve varsayılan Supabase arka ucu, yeni kullanıcıları baştan çıkaran yapılandırma adımlarını ortadan kaldırır.
AI istem tabanlı uygulama oluşturucular gerçek bir arka uç teslim edebilir midir?
Evet. Replit Agent, Bolt.new ve Lovable varsayılan olarak arka ucuna bağlanırlar. v0 ön uç odaklıdır ancak ayrı bir API ile temiz bir şekilde eşleşir. Gemini Canvas tam yığın uygulamadan daha çok ön uç prototipi kadar yakındır.
Bu araçlar deneme için ücretsiz midir?
Sekizinin de ücretsiz bir seviyesi vardır. Ücretli planlar $20/ay kadar başlar ve kredi veya jeton kotaları ekler. Gerçek bir proje üzerinde yineleme genellikle birkaç gün içinde ücretsiz seviyeyi tüketir.
En temiz kodu kim yazar?
v0 ve Cursor Composer, kıdemli bir mühendise neler yazacağına en yakın kodu üretir, kısmen de eğitim üretim React desenleri üzerinde yoğunlaştığı için. Bolt yakın arkasındadır. Lovable ve Canvas kod kalitesini düzenleme basitliği için takas ederler.
Oluşturulan kodu GitHub’a aktarabilirim miym?
v0, Bolt.new, Replit Agent ve Cursor temiz Git ihracatını desteklerler. Lovable bunu ücretli planlarda destekler. Gemini Canvas ve Claude Artifacts bunda daha zayıftırlar; kodu elle kopyalarsınız.
