İçeriğe geç

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.

SYK
Şükrü Yusuf KAYA
AI Expert · Kurumsal AI Danışmanı

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 Ana Lider — Üst Düzey
Boyutv0.devBolt.newLovable
SağlayıcıVercelStackBlitzLovable (eski GPT Engineer)
ÇıkışEkim 2023Ekim 2024Haziran 2023
Aylık fiyat (Pro)$20$20$20
Team$30/kullanıcı$30/kullanıcı$30/kullanıcı
Ücretsiz tierVar (sınırlı)VarVar (sınırlı)
Tech stackReact/Next.js + shadcn/uiNode.js + React/Vue/SvelteReact + Supabase
OutputTek bileşen / SayfaFull-stack appFull-stack app + DB + auth
DB nativeYokSupabase entegreSupabase entegre
Auth nativeYokVar (Supabase Auth)Var (Supabase Auth)
DeployVercel nativeNetlify + VercelVercel + Custom
Git entegreVarVar (GitHub push)Var
Custom domainVarVarVar
Türkçe akıcılıkİyiİyiİyi
KVKK kullanımVercel EU regionNetlify EUCustom
En iyi use-caseLanding + bileşenMVP + SaaS prototypeInternal tool + KOBİ app

3. v0.dev — Vercel'in Component Şampiyonu

Tanım
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

  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

v0.dev Tier
TierFiyatÖzellik
Free$0Sınırlı krediler/ay
Pro$20/ay5000 kredi/ay, GPT-5/Claude Opus 4
Team$30/kullanıcıPro + workspace + admin
EnterpriseCustomTeam + 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ı

Tanım
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

  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

Bolt Tier
TierFiyatToken
Free$0150K token/ay
Pro$20/ay10M token/ay
Pro 50$50/ay26M token/ay
Pro 100$100/ay55M token/ay
Pro 200$200/ay120M 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

Tanım
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

  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

Lovable Tier
TierFiyatMesaj
Free$05 günlük mesaj
Starter$20/ay100 mesaj/ay
Pro$50/aySı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 Detayı (3 Lider + Replit)
Özellikv0.devBolt.newLovableReplit Agent
Component üretimiLİDERİyiİyiOrta
Full-stack appSınırlıLİDERLİDERİyi
DB nativeYokSupabaseSupabaseReplit DB
Auth nativeYokVarVarVar
Tarayıcıda previewVarLiderVarVar
Code editingYan panelWebContainer IDEGörsel editorReplit IDE
Git pushVarVarVarVar
Custom domainVarVarVarVar
Mobile app builderYokSınırlı (React Native)SınırlıVar
E-ticaretBileşenStack + StripeStackStack
CMSYokVar (manuel)VarSınırlı
SEO yardımMarkup eklerSınırlıSınırlıSınırlı
i18nMarkup eklerVar (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

KVKK Hosting Karşılaştırması
ServisEU RegionDPA
VercelFrankfurt, DublinVar (Pro+)
NetlifyFrankfurt, StockholmVar (Pro+)
SupabaseFrankfurt, Stockholm, DublinVar (Pro+)
Cloudflare PagesVarVar
AWSFrankfurt, Stockholm, DublinVar (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

3 Ay AI Web Builder Maliyet
SenaryoTahmini 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

Nasıl Yapılır

v0.dev İlk Component → Production

  1. 1

    v0.dev hesap

    v0.dev üzerinden GitHub veya Google ile kayıt ol. İlk 3 ücretsiz kredi var.

  2. 2

    Prompt yaz

    Mevcut prompt çubuğuna detaylı talimat: 'Şirket landing: Türkçe, Tailwind, shadcn/ui, sticky header, hero, features, footer.'

  3. 3

    İterasyon

    İlk çıktıyı incele. Yeniden prompt: 'Hero bölümüne video background ekle, CTA buton turuncu olsun.'

  4. 4

    Kod indir

    Sağ üst Download Code → ZIP. Veya direkt GitHub'a push (v0 GitHub entegre).

  5. 5

    Yerel test

    npm install + npm run dev. Localhost:3000 da çalışır.

  6. 6

    Özelleştir

    İçerik, görsel, link, metin değişikleri Cursor veya VS Code ile.

  7. 7

    Vercel deploy

    Vercel.com → New Project → GitHub repo seç → Deploy (3-5 dakika).

  8. 8

    Custom domain

    Vercel Project Settings → Domains → ekle (DNS yönlendirme).

  9. 9

    Analytics

    Vercel Analytics + Plausible/Posthog entegre et.

  10. 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:

  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

Kaynaklar

  1. — , Vercel ·
  2. — , StackBlitz ·
  3. — , Lovable ·
  4. — , Replit ·
  5. — , Framer ·
  6. — , Webflow ·
  7. — , shadcn ·
  8. — , Supabase ·
  9. — , Vercel ·
  10. — , 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.

Yorumlar