v0.dev, Bolt, Lovable 2026: AI ile Web Sitesi Kurma Araçları Detaylı Karşılaştırma

## 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 ## 3. v0.dev — Vercel'in Component Şampiyonu ### Güçlü Yönler 1. **shadcn/ui + Tailwind + Next.js standardı** — sektör birleşmesi noktasında 2. **Vercel deploy native** — tek tık production 3. **Component-level üretim olgun** — landing, dashboard, form, header için lider 4. **Tasarım kalitesi yüksek** — UI çıktıları Linear/Stripe seviyesinde modern 5. **Kopyala-yapıştır kolay** — Cursor/VS Code'a hemen import 6. **Türkçe prompt akıcı** 7. **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 ### 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ı ### Güçlü Yönler 1. **Tarayıcıda full-stack** — npm/Vite/Next.js/Express WebContainer'da 2. **Hot reload + canlı önizleme** — IDE deneyimi tam 3. **GitHub push** — kod direkt repo'ya 4. **Supabase entegre** — DB + auth + storage 5. **Netlify deploy native** — production'a tek tık 6. **Stack seçimi geniş:** React, Vue, Svelte, Astro, SvelteKit, Next.js, Express, Hono 7. **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 ### 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 ### Güçlü Yönler 1. **Tam full-stack:** React frontend + Supabase backend + DB + auth 2. **Doğal dil iteration** — "Login sayfasına Google OAuth ekle" der, ekler 3. **Visual editor** — kod görme zorunluluğu yok, görsel görür gibi sürükle-bırak 4. **Supabase native** — DB schema + RLS + auth otomatik 5. **GitHub sync** — kod istediğinde repo'da 6. **Custom domain + Vercel deploy** 7. **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 ### 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ı ## 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 v0.dev/Bolt/Lovable kullanırken üç katman dikkat: (1) AI sağlayıcı (Vercel/StackBlitz/Lovable) — prompt'larınız ABD/AB sunucularında işlenir, kişisel veri içeriyorsa KVKK Madde 9 risk. (2) Hosting — Vercel/Netlify EU region kullanın (Frankfurt, Dublin). (3) Veritabanı — Supabase EU region (Frankfurt, Stockholm). Bu üçü AB region'da seçilirse KVKK çoğunlukla uyumlu. DPA sözleşmesi her servis için imzalanmalı. ## 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 **Çı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 ## 12. Sık Sorulanlar **Soru: Hangisi en kolay başlangıç için?** Tek sayfa landing veya component üretimi için v0.dev en kolay — tek prompt, hazır download. Full-stack app için Lovable görsel editor ile geliştirici olmayanlara en uygun. Bolt.new tarayıcıda IDE deneyimi ile mid-level. **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:** 1. **AI web builder, KOBİ + freelance + startup için 10-30x üretkenlik kazanımı sağlar.** Geleneksel agency yerine veya tamamlayıcı olarak değerlendir. 2. **3 ana lider farklı niche:** v0.dev (component/landing), Bolt.new (MVP), Lovable (KOBİ app) 3. **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ıç:** 1. v0.dev free hesap aç, basit landing prompt'la dene 2. Bolt.new free, basit Next.js MVP dene 3. Lovable free, basit todo app dene 4. Hangisi senin tarzına uyuyorsa Pro al ($20) 5. Vercel/Netlify hesabı aç + EU region seç 6. KVKK uyarı + cookie banner ekle