v0.dev, Bolt, Lovable 2026: AI ile Web Sitesi Kurma Araçları Detaylı Karşılaştırma
AI-first web sitesi kurma araçları detaylı karşılaştırması: Vercel v0.dev (Next.js + React + Tailwind), StackBlitz Bolt.new (full-stack WebContainer), Lovable (eski GPT Engineer, full-stack + DB), Replit Agent, Trickle, Hocoos, ve diğer 10+ alternatif. Tek prompt'tan canlı siteye 30 dakika — KOBİ, startup, freelance için 12 use-case + maliyet analizi + KVKK durumu + Türkçe örnek prompt'lar.
Tek cümlelik cevap: v0.dev component üretimi lider, Bolt.new tarayıcıda full-stack MVP, Lovable doğal dil ile full-stack app — 30 dakikada canlı site mümkün.
- 2025-2026 AI web builder araçları, fikirden canlı siteye süreyi günlerden DAKİKALARA indirdi. 3 ana lider: Vercel v0.dev (React/Next.js bileşen + UI lider), StackBlitz Bolt.new (WebContainer full-stack), Lovable (eski GPT Engineer, full-stack + Supabase).
- v0.dev: shadcn/ui + Tailwind + Next.js standardı, Vercel deploy native, $20/ay Premium. Türk girişimciler için en üretken landing page/component üretimi.
- Bolt.new: tarayıcıda full-stack Node.js/React/Next.js çalıştırır (StackBlitz WebContainer), Supabase + Netlify deploy entegre, $20/ay Pro. Hızlı MVP için lider.
- Lovable: doğal dil → full-stack app (frontend + backend + DB + auth). Eski adıyla GPT Engineer (2023). $20/ay Pro. KOBİ MVP, internal tool için popüler.
- Replit Agent, Trickle, Hocoos, Wix AI Site Generator, Framer AI, Webflow AI, Durable, 10Web — diğer alternatifler her biri farklı niş.
- Türkiye için kritik: Tüm bu araçlar TR akıcı prompt anlar; sonuç olarak Türkçe içerik üretirler. Hosting: v0/Bolt → Vercel/Netlify (US/EU CDN), Lovable → Supabase. KVKK için EU region zorunlu kontrolü yap.
- Tavsiye: Hızlı landing page → v0.dev; MVP/SaaS prototype → Bolt veya Lovable; Wordpress alternatifi statik site → Framer AI veya Webflow AI; e-ticaret → 10Web/Wix AI.
1. Giriş: AI Web Builder Devrimi
2024-2026 arasında yapay zeka, web geliştirmenin giriş engelini sıfıra indirdi. Fikirden canlı siteye süre:
- Klasik (HTML/CSS/JS): 1-7 gün
- WordPress + tema: 2-4 saat
- AI builder: 5-30 dakika
Bu yazıda 3 ana lider + 7 alternatifi detaylı inceleyeceğiz, Türk kullanıcı için use-case bazlı tavsiye.
2. Üst Düzey Karşılaştırma
| Boyut | v0.dev | Bolt.new | Lovable |
|---|---|---|---|
| Sağlayıcı | Vercel | StackBlitz | Lovable (eski GPT Engineer) |
| Çıkış | Ekim 2023 | Ekim 2024 | Haziran 2023 |
| Aylık fiyat (Pro) | $20 | $20 | $20 |
| Team | $30/kullanıcı | $30/kullanıcı | $30/kullanıcı |
| Ücretsiz tier | Var (sınırlı) | Var | Var (sınırlı) |
| Tech stack | React/Next.js + shadcn/ui | Node.js + React/Vue/Svelte | React + Supabase |
| Output | Tek bileşen / Sayfa | Full-stack app | Full-stack app + DB + auth |
| DB native | Yok | Supabase entegre | Supabase entegre |
| Auth native | Yok | Var (Supabase Auth) | Var (Supabase Auth) |
| Deploy | Vercel native | Netlify + Vercel | Vercel + Custom |
| Git entegre | Var | Var (GitHub push) | Var |
| Custom domain | Var | Var | Var |
| Türkçe akıcılık | İyi | İyi | İyi |
| KVKK kullanım | Vercel EU region | Netlify EU | Custom |
| En iyi use-case | Landing + bileşen | MVP + SaaS prototype | Internal tool + KOBİ app |
3. v0.dev — Vercel'in Component Şampiyonu
- v0.dev
- Vercel'in 2023 Ekim'de yayınladığı, doğal dilden React + Next.js + Tailwind CSS bileşenleri üreten AI aracı. shadcn/ui sistemini standart olarak kullanır. v0 = 'version zero' = ilk taslak. 2024-2025'te Composer benzeri çoklu bileşen + sayfa üretebilir hale geldi.
Güçlü Yönler
- shadcn/ui + Tailwind + Next.js standardı — sektör birleşmesi noktasında
- Vercel deploy native — tek tık production
- Component-level üretim olgun — landing, dashboard, form, header için lider
- Tasarım kalitesi yüksek — UI çıktıları Linear/Stripe seviyesinde modern
- Kopyala-yapıştır kolay — Cursor/VS Code'a hemen import
- Türkçe prompt akıcı
- Multi-model: GPT-5, Claude Opus 4, Gemini, kendi v0 modeli
Zayıf Yönler
- Backend / DB / Auth üretmez (sadece frontend)
- Bolt/Lovable gibi full-stack app değil
- WordPress-tarzı bütün site builder değil
- Mobile-first değil — web-first
Fiyat
| Tier | Fiyat | Özellik |
|---|---|---|
| Free | $0 | Sınırlı krediler/ay |
| Pro | $20/ay | 5000 kredi/ay, GPT-5/Claude Opus 4 |
| Team | $30/kullanıcı | Pro + workspace + admin |
| Enterprise | Custom | Team + SSO + dedicated |
Türkçe Örnek Prompt
"Türk e-ticaret KOBİ'si için bir landing page bileşeni oluştur: üst sticky header (logo + 4 link + sepet ikonu), hero (büyük başlık + alt başlık + 2 CTA buton), 3 column özellik grid (lucide-react ikonlu), müşteri yorumu carousel (3 testimonial), CTA section, footer (sosyal medya + telefon + KVKK linki). Tailwind 4, shadcn/ui, Next.js App Router. Türkçe içerik. Mobile-responsive."
→ 30 saniyede çalışır component. Vercel'e tek tık deploy.
4. Bolt.new — StackBlitz'in Full-Stack Sihirbazı
- Bolt.new
- StackBlitz'in 2024 Ekim'de piyasaya sürdüğü, tarayıcı içinde full-stack Node.js + React/Vue/Svelte uygulamaları üreten AI builder. WebContainer teknolojisi ile npm/Vite/Next.js tarayıcıda çalışır — backend de dahil. Supabase entegre, Netlify deploy. Sıfırdan MVP için en üretken.
Güçlü Yönler
- Tarayıcıda full-stack — npm/Vite/Next.js/Express WebContainer'da
- Hot reload + canlı önizleme — IDE deneyimi tam
- GitHub push — kod direkt repo'ya
- Supabase entegre — DB + auth + storage
- Netlify deploy native — production'a tek tık
- Stack seçimi geniş: React, Vue, Svelte, Astro, SvelteKit, Next.js, Express, Hono
- Token-bazlı fiyatlandırma — kullanım kadar öde
Zayıf Yönler
- Token tüketimi hızlı (yoğun kullanım $20 tier'ı 1 haftada bitirir)
- Generated kod kalitesi v0'a göre bazen daha az "polished"
- Mobile responsive bazen elle düzeltmek gerek
- Resmi Vercel desteği yok (Netlify ana deploy hedefi)
Fiyat
| Tier | Fiyat | Token |
|---|---|---|
| Free | $0 | 150K token/ay |
| Pro | $20/ay | 10M token/ay |
| Pro 50 | $50/ay | 26M token/ay |
| Pro 100 | $100/ay | 55M token/ay |
| Pro 200 | $200/ay | 120M token/ay |
| Teams | $30/kullanıcı | Workspace + ortak token havuzu |
Türkçe Örnek Prompt
"Türk e-ticaret KOBİ'si için MVP: Ürün listeleme + sepet + ödeme entegrasyonu. Stack: Next.js App Router, Supabase (PostgreSQL), Tailwind, shadcn/ui. Sayfalar: /, /products, /product/[id], /cart, /checkout. Auth: Supabase email + Google. Ödeme: iyzico test mode. Admin paneli: /admin/products (CRUD). Türkçe arayüz. Mobile-responsive."
→ 5-10 dakikada çalışan MVP. Deploy: Netlify (veya GitHub'a push, Vercel'e import).
5. Lovable — Doğal Dilden Full-Stack App
- Lovable
- Eski adıyla 'GPT Engineer' olan, 2023 Haziran'da kurulan AI web builder. 2024 Mart'ta Lovable adıyla relaunch. Doğal dilden React + Supabase tam full-stack app üretir. KOBİ MVP, internal tool, dashboard için popüler. AI Engineer Foundation kurucularından Anton Osika tarafından kuruldu.
Güçlü Yönler
- Tam full-stack: React frontend + Supabase backend + DB + auth
- Doğal dil iteration — "Login sayfasına Google OAuth ekle" der, ekler
- Visual editor — kod görme zorunluluğu yok, görsel görür gibi sürükle-bırak
- Supabase native — DB schema + RLS + auth otomatik
- GitHub sync — kod istediğinde repo'da
- Custom domain + Vercel deploy
- KOBİ-friendly — geliştirici olmayan kurucular için ideal
Zayıf Yönler
- Karmaşık özelleştirme zor (görsel editor sınırlar var)
- Generated kod yapısı bazen kişisel zevkten farklı
- Power user için Bolt'un esnekliği daha çekici
- Bazı edge case'lerde "ai loop" — modelin aynı hatayı tekrarlaması
Fiyat
| Tier | Fiyat | Mesaj |
|---|---|---|
| Free | $0 | 5 günlük mesaj |
| Starter | $20/ay | 100 mesaj/ay |
| Pro | $50/ay | Sınırsız (fair use) |
| Teams | $30/kullanıcı | Workspace |
Türkçe Örnek Prompt
"Türk muhasebe ofisi için iç araç: müşteri yönetimi + fatura takibi + hatırlatma. Stack: React + Supabase. Sayfalar: dashboard (özet kart), customers (CRUD), invoices (CRUD + status), reminders (calendar view). Auth: email + Google. Roles: admin (tümü), accountant (kendi müşterileri). Türkçe arayüz + tarihler. KVKK uyarı banner'ı. Logo upload. CSV export."
→ 15-20 dakikada çalışan internal tool. Custom domain ekle.
6. Diğer Alternatifler
Replit Agent
- Replit'in 2024 sonu Agent özelliği
- Doğal dil → tam app + Replit hosting
- Fiyat: Replit Core $25/ay (Agent dahil)
- Avantaj: Replit hosting entegre, Python/Node/Go destekli
- Zayıf: Tasarım kalitesi v0/Bolt seviyesinde değil
Framer AI
- Framer'ın AI ile sayfa tasarımı
- Webflow benzeri görsel editor + AI
- Fiyat: Framer Mini $5/ay (basic), Basic $15, Pro $30
- Avantaj: Tasarımcı odaklı, animasyon + interaction lider
- Zayıf: Backend yok, CMS sınırlı
Webflow AI
- Webflow'un 2024 AI özellikleri
- Webflow Workspace içinde AI ile site üretimi
- Fiyat: Workspace $19+/ay
- Avantaj: Olgun no-code platform, SEO + CMS güçlü
- Zayıf: Öğrenme eğrisi ya v0/Bolt
Durable
- "30 saniyede website" iddiası
- Yerel iş, restoran, mağaza odaklı
- Fiyat: $12-$20/ay
- Avantaj: Çok basit, geliştirici olmayan için
- Zayıf: Özelleştirme sınırlı
Wix AI Site Generator
- Wix'in 2024 AI özellikleri
- Doğal dilden tam Wix sitesi
- Fiyat: Wix Plus $17/ay+
- Avantaj: Wix CMS + ekosistem
- Zayıf: Vendor lock-in, hız
10Web
- WordPress AI builder
- Doğal dilden WordPress site
- Fiyat: $10-$30/ay
- Avantaj: WordPress'in tam gücü + WooCommerce e-ticaret
- Zayıf: WordPress hosting + maintenance
Hocoos
- 5 dakikada SMB website
- Yerel iş, profesyonel hizmet odaklı
- Fiyat: Free + $10/ay
- Avantaj: Basit, hızlı
Mocha (Mochahost AI)
- WordPress + AI hibrit
- Türkiye'de popüler değil ama deneyimliler için opsiyon
Tempo Labs
- React + Tailwind storyboard
- Designer-developer hibrit ürün
- Vercel deploy
MagicSchool / Hatching
- Eğitim odaklı AI builder
- LMS, kurs, eğitim sitesi için
7. Detaylı Özellik Karşılaştırması
| Özellik | v0.dev | Bolt.new | Lovable | Replit Agent |
|---|---|---|---|---|
| Component üretimi | LİDER | İyi | İyi | Orta |
| Full-stack app | Sınırlı | LİDER | LİDER | İyi |
| DB native | Yok | Supabase | Supabase | Replit DB |
| Auth native | Yok | Var | Var | Var |
| Tarayıcıda preview | Var | Lider | Var | Var |
| Code editing | Yan panel | WebContainer IDE | Görsel editor | Replit IDE |
| Git push | Var | Var | Var | Var |
| Custom domain | Var | Var | Var | Var |
| Mobile app builder | Yok | Sınırlı (React Native) | Sınırlı | Var |
| E-ticaret | Bileşen | Stack + Stripe | Stack | Stack |
| CMS | Yok | Var (manuel) | Var | Sınırlı |
| SEO yardım | Markup ekler | Sınırlı | Sınırlı | Sınırlı |
| i18n | Markup ekler | Var (manuel) | Var (manuel) | Sınırlı |
8. Türkçe ve KVKK Durumu
Türkçe Akıcılık
Üç araç da Claude/GPT model erişimi olduğu için Türkçe akıcı prompt anlar ve Türkçe içerik üretir. Pratik:
- Türkçe prompt yaz: "Bir landing page yap..."
- AI Türkçe içerikle (h1, h2, button text) component üretir
- İngilizce tercih: prompt'a "İngilizce içerikle" ekle
KVKK Önemli Notlar
| Servis | EU Region | DPA |
|---|---|---|
| Vercel | Frankfurt, Dublin | Var (Pro+) |
| Netlify | Frankfurt, Stockholm | Var (Pro+) |
| Supabase | Frankfurt, Stockholm, Dublin | Var (Pro+) |
| Cloudflare Pages | Var | Var |
| AWS | Frankfurt, Stockholm, Dublin | Var (Enterprise) |
9. 12 Pratik Use-Case
Use-Case 1: Restoran Landing Page (1 saat)
Araç: v0.dev Prompt: "Türk Anadolu mutfağı restoranı için landing: hero + menu görselleri + rezervasyon CTA + harita + iletişim. Tailwind. Türkçe." Sonuç: Vercel deploy → custom domain → canlı
Use-Case 2: Freelance Portfolio (30 dakika)
Araç: v0.dev Prompt: "UI/UX tasarımcısı için modern portfolio: hero + projeler grid + about + iletişim. Dark mode. Animasyonlu."
Use-Case 3: SaaS MVP (3 saat)
Araç: Bolt.new Prompt: "Pomodoro timer SaaS: kullanıcı kaydı + günlük focus stat + Pro tier ($5/ay Stripe). Stack: Next.js + Supabase + Stripe."
Use-Case 4: KOBİ İç Aracı (2 saat)
Araç: Lovable Prompt: "Türk muhasebe ofisi için müşteri yönetim aracı. CRUD + reminders + dashboard. Auth: email."
Use-Case 5: E-ticaret Test
Araç: Bolt.new Prompt: "Türk el yapımı seramik e-ticaret: ürün listesi + sepet + iyzico test ödeme. KVKK uyarı."
Use-Case 6: Hackathon Demo (4 saat)
Araç: Bolt.new Prompt: "AI not özetleme web app: dosya yükle → Claude API ile özet → indirme. Auth: Google."
Use-Case 7: Yerel İş Sitesi (15 dakika)
Araç: Durable veya Hocoos Prompt: "Diş hekimi muayenehanesi: ana sayfa + hizmetler + randevu form + harita + iletişim."
Use-Case 8: Eğitim Kursu Landing (1 saat)
Araç: v0.dev Prompt: "Online Türkçe Python kursu landing: hero + kurs öğeleri + eğitmen + fiyat + kayıt formu."
Use-Case 9: WordPress Alternatifi Blog (2 saat)
Araç: Lovable veya Webflow AI Stack: Markdown CMS + Tailwind
Use-Case 10: Mobile-First Restoran QR Menü (30 dakika)
Araç: v0.dev Prompt: "QR menü PWA: kategoriler + ürünler + fiyatlar. Türkçe + İngilizce dil seçici. Mobile-first."
Use-Case 11: Dashboard / Admin Panel (2 saat)
Araç: v0.dev (UI) + Bolt.new (backend) Hibrit: v0.dev ile UI üret, Bolt.new ile API + DB
Use-Case 12: AI Asistan Demo Sitesi (1 saat)
Araç: Bolt.new Stack: Next.js + OpenAI API + Supabase auth + Stripe
10. Maliyet Modeli
| Senaryo | Tahmini Maliyet |
|---|---|
| 1 landing page (v0.dev Free) | $0 |
| 5 landing page (v0 Pro $20×3) | $60 |
| 1 MVP (Bolt Pro $20×3) | $60 + Supabase Free $0 |
| 1 KOBİ app (Lovable Pro $50×3) | $150 + Supabase Pro $25×3 = $75 → $225 |
| 5 KOBİ proje stüdyosu (Bolt Team + Lovable Team) | $30+$30 × 3 ay × 5 kullanıcı = $900 |
| Geleneksel agency (1 KOBİ web sitesi) | ₺30K-100K (~$1000-3500) |
Çıkarım: AI builder, geleneksel agency'den 10-30x daha ucuz aynı tipte ürün için.
11. Adım Adım: v0.dev'den Production'a
v0.dev İlk Component → Production
- 1
v0.dev hesap
v0.dev üzerinden GitHub veya Google ile kayıt ol. İlk 3 ücretsiz kredi var.
- 2
Prompt yaz
Mevcut prompt çubuğuna detaylı talimat: 'Şirket landing: Türkçe, Tailwind, shadcn/ui, sticky header, hero, features, footer.'
- 3
İterasyon
İlk çıktıyı incele. Yeniden prompt: 'Hero bölümüne video background ekle, CTA buton turuncu olsun.'
- 4
Kod indir
Sağ üst Download Code → ZIP. Veya direkt GitHub'a push (v0 GitHub entegre).
- 5
Yerel test
npm install + npm run dev. Localhost:3000 da çalışır.
- 6
Özelleştir
İçerik, görsel, link, metin değişikleri Cursor veya VS Code ile.
- 7
Vercel deploy
Vercel.com → New Project → GitHub repo seç → Deploy (3-5 dakika).
- 8
Custom domain
Vercel Project Settings → Domains → ekle (DNS yönlendirme).
- 9
Analytics
Vercel Analytics + Plausible/Posthog entegre et.
- 10
KVKK
Cookie banner + KVKK metni + iletişim formu KVKK uyarı ekle.
12. Sık Sorulanlar
Soru: Hangisi en kolay başlangıç için?
Soru: Türk freelancer için en üretken?
v0.dev (landing/UI işleri) + Bolt.new (MVP/SaaS proje) hibrit. Aylık $40, 5-10 proje teslim edebilir.
Soru: Bu araçların ürettiği kod kalitesi nasıl?
v0.dev'in shadcn/ui + Tailwind kodu sektör standardı, çoğunlukla insan tarafından üretilmiş kodla aynı kalite. Bolt/Lovable kodu genelde iyi ama bazen "AI olmuş" feel — Cursor ile refactor önerilir.
Soru: KVKK için en güvenli?
Üçü de bulut servis. Türk şirketleri için: prompt'a kişisel veri yazma, hosting EU region seç, DPA imzala. Self-host gerekirse: ekibi geleneksel Cursor + Next.js'e geçirin.
Soru: AI ürettiği kodun lisansı kimin?
Genel: kullanıcının. Vercel ve StackBlitz ToS'unda generated kod kullanıcının. Lovable benzer. Ama unique business logic için patentleme/IP koruma açısından dikkat — yasal danışman sor.
Soru: WordPress mi yoksa AI builder mı?
KOBİ blog/e-ticaret için WordPress hala olgun ekosistem (WooCommerce, eklentiler). AI builder modern stack tercih edenler için. Karar: blog ağırlık WP, app/SaaS AI builder.
Soru: AI builder ile yapılan siteler SEO için iyi mi?
v0.dev/Next.js çıktısı SEO için mükemmel (SSR, meta, JSON-LD ekler). Bolt/Lovable çıktısı orta-iyi. WordPress + Yoast/RankMath SEO için hala lider ama AI builder yakın.
Soru: Maliyet vs agency hangisi daha ucuz?
Net AI builder $50-200/proje, agency ₺30K-100K. 10-100x ucuz. Ancak: agency tam tasarım + SEO + dijital pazarlama + hosting bakım dahil, AI builder bunları yapmaz — DIY.
Soru: Bu araçlar gelecek 2-3 yıl yaşayacak mı?
v0.dev (Vercel) ve Bolt.new (StackBlitz) güçlü mali tabana sahip — yaşayacak. Lovable büyüyor ama tekel değil. Replit Agent, Webflow AI gibi platform-içi rakipler güçlü olacak. Pazar konsolide olabilir 2026-2027'de.
13. Sonuç ve Tavsiyeler
3 ana çıkarım:
- AI web builder, KOBİ + freelance + startup için 10-30x üretkenlik kazanımı sağlar. Geleneksel agency yerine veya tamamlayıcı olarak değerlendir.
- 3 ana lider farklı niche: v0.dev (component/landing), Bolt.new (MVP), Lovable (KOBİ app)
- KVKK için EU region + DPA sözleşmesi, generated kod kalitesi için Cursor ile refactor şart.
Önerilen 2026 stratejisi:
- Freelance / Hızlı landing: v0.dev Pro ($20)
- MVP / SaaS prototype: Bolt.new Pro ($20)
- KOBİ iç tool / Dashboard: Lovable Pro ($20-50)
- Yerel iş hızlı site: Durable veya Hocoos ($10-20)
- E-ticaret KOBİ: 10Web (WordPress + AI) veya Wix AI
- Tasarımcı portfolio: Framer AI
Adım adım başlangıç:
- v0.dev free hesap aç, basit landing prompt'la dene
- Bolt.new free, basit Next.js MVP dene
- Lovable free, basit todo app dene
- Hangisi senin tarzına uyuyorsa Pro al ($20)
- Vercel/Netlify hesabı aç + EU region seç
- KVKK uyarı + cookie banner ekle
Kaynaklar
- v0 by Vercel — Vercel, Vercel ·
- Bolt.new — StackBlitz, StackBlitz ·
- Lovable — Lovable, Lovable ·
- Replit Agent — Replit, Replit ·
- Framer AI — Framer, Framer ·
- Webflow AI — Webflow, Webflow ·
- shadcn/ui — shadcn, shadcn ·
- Supabase — Supabase, Supabase ·
- Vercel — Vercel, Vercel ·
- StackBlitz WebContainer — StackBlitz, StackBlitz ·
Danismanlik Baglantilari
Bu yazıya en yakın consulting sayfaları
Bu içerikten sonraki mantıklı adım için en ilgili solution, role ve industry landing'lerini burada görebilirsin.
Kurumsal RAG Sistemleri Gelistirme
Sirket ici bilgiye kaynakli, guvenli ve denetlenebilir erisim saglayan uretim seviyesinde RAG mimarileri.
AI Agent ve Workflow Otomasyonu
Tek adimli chatbot'larin otesine gecen; arac, kural ve insan onayi ile ilerleyen AI destekli is akislarina gecis.
CTO'lar icin Kurumsal AI Mimari Danismanligi
PoC seviyesinde kalan AI girisimlerini guvenli, olceklenebilir ve production-ready mimarilere tasimak icin teknik liderlik danismanligi.