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

> Source: https://sukruyusufkaya.com/blog/v0-bolt-lovable-ai-web-sitesi
> Updated: 2026-08-23T23:52:33.031Z
> Type: blog
> Category: yapay-zeka
**TLDR:** 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.

<tldr data-summary="[&#34;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).&#34;,&#34;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.&#34;,&#34;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.&#34;,&#34;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.&#34;,&#34;Replit Agent, Trickle, Hocoos, Wix AI Site Generator, Framer AI, Webflow AI, Durable, 10Web — diğer alternatifler her biri farklı niş.&#34;,&#34;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.&#34;,&#34;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.&#34;]" data-one-line="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."></tldr>

## 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

<stat-callout data-value="$2B+" data-context="2025 AI web builder pazar büyüklüğü" data-source="{&#34;label&#34;:&#34;Pitchbook, Q4 2025&#34;}"></stat-callout>

<stat-callout data-value="60M+" data-context="v0.dev aylık üretilen bileşen sayısı (2026)" data-source="{&#34;label&#34;:&#34;Vercel duyurusu&#34;}"></stat-callout>

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

<comparison-table data-caption="3 Ana Lider — Üst Düzey" data-headers="[&#34;Boyut&#34;,&#34;v0.dev&#34;,&#34;Bolt.new&#34;,&#34;Lovable&#34;]" data-rows="[{&#34;feature&#34;:&#34;Sağlayıcı&#34;,&#34;values&#34;:[&#34;Vercel&#34;,&#34;StackBlitz&#34;,&#34;Lovable (eski GPT Engineer)&#34;]},{&#34;feature&#34;:&#34;Çıkış&#34;,&#34;values&#34;:[&#34;Ekim 2023&#34;,&#34;Ekim 2024&#34;,&#34;Haziran 2023&#34;]},{&#34;feature&#34;:&#34;Aylık fiyat (Pro)&#34;,&#34;values&#34;:[&#34;$20&#34;,&#34;$20&#34;,&#34;$20&#34;]},{&#34;feature&#34;:&#34;Team&#34;,&#34;values&#34;:[&#34;$30/kullanıcı&#34;,&#34;$30/kullanıcı&#34;,&#34;$30/kullanıcı&#34;]},{&#34;feature&#34;:&#34;Ücretsiz tier&#34;,&#34;values&#34;:[&#34;Var (sınırlı)&#34;,&#34;Var&#34;,&#34;Var (sınırlı)&#34;]},{&#34;feature&#34;:&#34;Tech stack&#34;,&#34;values&#34;:[&#34;React/Next.js + shadcn/ui&#34;,&#34;Node.js + React/Vue/Svelte&#34;,&#34;React + Supabase&#34;]},{&#34;feature&#34;:&#34;Output&#34;,&#34;values&#34;:[&#34;Tek bileşen / Sayfa&#34;,&#34;Full-stack app&#34;,&#34;Full-stack app + DB + auth&#34;]},{&#34;feature&#34;:&#34;DB native&#34;,&#34;values&#34;:[&#34;Yok&#34;,&#34;Supabase entegre&#34;,&#34;Supabase entegre&#34;]},{&#34;feature&#34;:&#34;Auth native&#34;,&#34;values&#34;:[&#34;Yok&#34;,&#34;Var (Supabase Auth)&#34;,&#34;Var (Supabase Auth)&#34;]},{&#34;feature&#34;:&#34;Deploy&#34;,&#34;values&#34;:[&#34;Vercel native&#34;,&#34;Netlify + Vercel&#34;,&#34;Vercel + Custom&#34;]},{&#34;feature&#34;:&#34;Git entegre&#34;,&#34;values&#34;:[&#34;Var&#34;,&#34;Var (GitHub push)&#34;,&#34;Var&#34;]},{&#34;feature&#34;:&#34;Custom domain&#34;,&#34;values&#34;:[&#34;Var&#34;,&#34;Var&#34;,&#34;Var&#34;]},{&#34;feature&#34;:&#34;Türkçe akıcılık&#34;,&#34;values&#34;:[&#34;İyi&#34;,&#34;İyi&#34;,&#34;İyi&#34;]},{&#34;feature&#34;:&#34;KVKK kullanım&#34;,&#34;values&#34;:[&#34;Vercel EU region&#34;,&#34;Netlify EU&#34;,&#34;Custom&#34;]},{&#34;feature&#34;:&#34;En iyi use-case&#34;,&#34;values&#34;:[&#34;Landing + bileşen&#34;,&#34;MVP + SaaS prototype&#34;,&#34;Internal tool + KOBİ app&#34;]}]"></comparison-table>

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

<definition-box data-term="v0.dev" data-definition="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."></definition-box>

### 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

<comparison-table data-caption="v0.dev Tier" data-headers="[&#34;Tier&#34;,&#34;Fiyat&#34;,&#34;Özellik&#34;]" data-rows="[{&#34;feature&#34;:&#34;Free&#34;,&#34;values&#34;:[&#34;$0&#34;,&#34;Sınırlı krediler/ay&#34;]},{&#34;feature&#34;:&#34;Pro&#34;,&#34;values&#34;:[&#34;$20/ay&#34;,&#34;5000 kredi/ay, GPT-5/Claude Opus 4&#34;]},{&#34;feature&#34;:&#34;Team&#34;,&#34;values&#34;:[&#34;$30/kullanıcı&#34;,&#34;Pro + workspace + admin&#34;]},{&#34;feature&#34;:&#34;Enterprise&#34;,&#34;values&#34;:[&#34;Custom&#34;,&#34;Team + SSO + dedicated&#34;]}]"></comparison-table>

### 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ı

<definition-box data-term="Bolt.new" data-definition="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."></definition-box>

### 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

<comparison-table data-caption="Bolt Tier" data-headers="[&#34;Tier&#34;,&#34;Fiyat&#34;,&#34;Token&#34;]" data-rows="[{&#34;feature&#34;:&#34;Free&#34;,&#34;values&#34;:[&#34;$0&#34;,&#34;150K token/ay&#34;]},{&#34;feature&#34;:&#34;Pro&#34;,&#34;values&#34;:[&#34;$20/ay&#34;,&#34;10M token/ay&#34;]},{&#34;feature&#34;:&#34;Pro 50&#34;,&#34;values&#34;:[&#34;$50/ay&#34;,&#34;26M token/ay&#34;]},{&#34;feature&#34;:&#34;Pro 100&#34;,&#34;values&#34;:[&#34;$100/ay&#34;,&#34;55M token/ay&#34;]},{&#34;feature&#34;:&#34;Pro 200&#34;,&#34;values&#34;:[&#34;$200/ay&#34;,&#34;120M token/ay&#34;]},{&#34;feature&#34;:&#34;Teams&#34;,&#34;values&#34;:[&#34;$30/kullanıcı&#34;,&#34;Workspace + ortak token havuzu&#34;]}]"></comparison-table>

### 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

<definition-box data-term="Lovable" data-definition="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."></definition-box>

### 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

<comparison-table data-caption="Lovable Tier" data-headers="[&#34;Tier&#34;,&#34;Fiyat&#34;,&#34;Mesaj&#34;]" data-rows="[{&#34;feature&#34;:&#34;Free&#34;,&#34;values&#34;:[&#34;$0&#34;,&#34;5 günlük mesaj&#34;]},{&#34;feature&#34;:&#34;Starter&#34;,&#34;values&#34;:[&#34;$20/ay&#34;,&#34;100 mesaj/ay&#34;]},{&#34;feature&#34;:&#34;Pro&#34;,&#34;values&#34;:[&#34;$50/ay&#34;,&#34;Sınırsız (fair use)&#34;]},{&#34;feature&#34;:&#34;Teams&#34;,&#34;values&#34;:[&#34;$30/kullanıcı&#34;,&#34;Workspace&#34;]}]"></comparison-table>

### 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ı

<comparison-table data-caption="Özellik Detayı (3 Lider + Replit)" data-headers="[&#34;Özellik&#34;,&#34;v0.dev&#34;,&#34;Bolt.new&#34;,&#34;Lovable&#34;,&#34;Replit Agent&#34;]" data-rows="[{&#34;feature&#34;:&#34;Component üretimi&#34;,&#34;values&#34;:[&#34;LİDER&#34;,&#34;İyi&#34;,&#34;İyi&#34;,&#34;Orta&#34;]},{&#34;feature&#34;:&#34;Full-stack app&#34;,&#34;values&#34;:[&#34;Sınırlı&#34;,&#34;LİDER&#34;,&#34;LİDER&#34;,&#34;İyi&#34;]},{&#34;feature&#34;:&#34;DB native&#34;,&#34;values&#34;:[&#34;Yok&#34;,&#34;Supabase&#34;,&#34;Supabase&#34;,&#34;Replit DB&#34;]},{&#34;feature&#34;:&#34;Auth native&#34;,&#34;values&#34;:[&#34;Yok&#34;,&#34;Var&#34;,&#34;Var&#34;,&#34;Var&#34;]},{&#34;feature&#34;:&#34;Tarayıcıda preview&#34;,&#34;values&#34;:[&#34;Var&#34;,&#34;Lider&#34;,&#34;Var&#34;,&#34;Var&#34;]},{&#34;feature&#34;:&#34;Code editing&#34;,&#34;values&#34;:[&#34;Yan panel&#34;,&#34;WebContainer IDE&#34;,&#34;Görsel editor&#34;,&#34;Replit IDE&#34;]},{&#34;feature&#34;:&#34;Git push&#34;,&#34;values&#34;:[&#34;Var&#34;,&#34;Var&#34;,&#34;Var&#34;,&#34;Var&#34;]},{&#34;feature&#34;:&#34;Custom domain&#34;,&#34;values&#34;:[&#34;Var&#34;,&#34;Var&#34;,&#34;Var&#34;,&#34;Var&#34;]},{&#34;feature&#34;:&#34;Mobile app builder&#34;,&#34;values&#34;:[&#34;Yok&#34;,&#34;Sınırlı (React Native)&#34;,&#34;Sınırlı&#34;,&#34;Var&#34;]},{&#34;feature&#34;:&#34;E-ticaret&#34;,&#34;values&#34;:[&#34;Bileşen&#34;,&#34;Stack + Stripe&#34;,&#34;Stack&#34;,&#34;Stack&#34;]},{&#34;feature&#34;:&#34;CMS&#34;,&#34;values&#34;:[&#34;Yok&#34;,&#34;Var (manuel)&#34;,&#34;Var&#34;,&#34;Sınırlı&#34;]},{&#34;feature&#34;:&#34;SEO yardım&#34;,&#34;values&#34;:[&#34;Markup ekler&#34;,&#34;Sınırlı&#34;,&#34;Sınırlı&#34;,&#34;Sınırlı&#34;]},{&#34;feature&#34;:&#34;i18n&#34;,&#34;values&#34;:[&#34;Markup ekler&#34;,&#34;Var (manuel)&#34;,&#34;Var (manuel)&#34;,&#34;Sınırlı&#34;]}]"></comparison-table>

## 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

<callout-box data-variant="warning" data-title="KVKK uyumu için">

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ı.

</callout-box>

<comparison-table data-caption="KVKK Hosting Karşılaştırması" data-headers="[&#34;Servis&#34;,&#34;EU Region&#34;,&#34;DPA&#34;]" data-rows="[{&#34;feature&#34;:&#34;Vercel&#34;,&#34;values&#34;:[&#34;Frankfurt, Dublin&#34;,&#34;Var (Pro+)&#34;]},{&#34;feature&#34;:&#34;Netlify&#34;,&#34;values&#34;:[&#34;Frankfurt, Stockholm&#34;,&#34;Var (Pro+)&#34;]},{&#34;feature&#34;:&#34;Supabase&#34;,&#34;values&#34;:[&#34;Frankfurt, Stockholm, Dublin&#34;,&#34;Var (Pro+)&#34;]},{&#34;feature&#34;:&#34;Cloudflare Pages&#34;,&#34;values&#34;:[&#34;Var&#34;,&#34;Var&#34;]},{&#34;feature&#34;:&#34;AWS&#34;,&#34;values&#34;:[&#34;Frankfurt, Stockholm, Dublin&#34;,&#34;Var (Enterprise)&#34;]}]"></comparison-table>

## 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

<comparison-table data-caption="3 Ay AI Web Builder Maliyet" data-headers="[&#34;Senaryo&#34;,&#34;Tahmini Maliyet&#34;]" data-rows="[{&#34;feature&#34;:&#34;1 landing page (v0.dev Free)&#34;,&#34;values&#34;:[&#34;$0&#34;]},{&#34;feature&#34;:&#34;5 landing page (v0 Pro $20×3)&#34;,&#34;values&#34;:[&#34;$60&#34;]},{&#34;feature&#34;:&#34;1 MVP (Bolt Pro $20×3)&#34;,&#34;values&#34;:[&#34;$60 + Supabase Free $0&#34;]},{&#34;feature&#34;:&#34;1 KOBİ app (Lovable Pro $50×3)&#34;,&#34;values&#34;:[&#34;$150 + Supabase Pro $25×3 = $75 → $225&#34;]},{&#34;feature&#34;:&#34;5 KOBİ proje stüdyosu (Bolt Team + Lovable Team)&#34;,&#34;values&#34;:[&#34;$30+$30 × 3 ay × 5 kullanıcı = $900&#34;]},{&#34;feature&#34;:&#34;Geleneksel agency (1 KOBİ web sitesi)&#34;,&#34;values&#34;:[&#34;₺30K-100K (~$1000-3500)&#34;]}]"></comparison-table>

**Çı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

<howto-steps data-name="v0.dev İlk Component → Production" data-steps="[{&#34;name&#34;:&#34;v0.dev hesap&#34;,&#34;text&#34;:&#34;v0.dev üzerinden GitHub veya Google ile kayıt ol. İlk 3 ücretsiz kredi var.&#34;},{&#34;name&#34;:&#34;Prompt yaz&#34;,&#34;text&#34;:&#34;Mevcut prompt çubuğuna detaylı talimat: 'Şirket landing: Türkçe, Tailwind, shadcn/ui, sticky header, hero, features, footer.'&#34;},{&#34;name&#34;:&#34;İterasyon&#34;,&#34;text&#34;:&#34;İlk çıktıyı incele. Yeniden prompt: 'Hero bölümüne video background ekle, CTA buton turuncu olsun.'&#34;},{&#34;name&#34;:&#34;Kod indir&#34;,&#34;text&#34;:&#34;Sağ üst Download Code → ZIP. Veya direkt GitHub'a push (v0 GitHub entegre).&#34;},{&#34;name&#34;:&#34;Yerel test&#34;,&#34;text&#34;:&#34;npm install + npm run dev. Localhost:3000 da çalışır.&#34;},{&#34;name&#34;:&#34;Özelleştir&#34;,&#34;text&#34;:&#34;İçerik, görsel, link, metin değişikleri Cursor veya VS Code ile.&#34;},{&#34;name&#34;:&#34;Vercel deploy&#34;,&#34;text&#34;:&#34;Vercel.com → New Project → GitHub repo seç → Deploy (3-5 dakika).&#34;},{&#34;name&#34;:&#34;Custom domain&#34;,&#34;text&#34;:&#34;Vercel Project Settings → Domains → ekle (DNS yönlendirme).&#34;},{&#34;name&#34;:&#34;Analytics&#34;,&#34;text&#34;:&#34;Vercel Analytics + Plausible/Posthog entegre et.&#34;},{&#34;name&#34;:&#34;KVKK&#34;,&#34;text&#34;:&#34;Cookie banner + KVKK metni + iletişim formu KVKK uyarı ekle.&#34;}]"></howto-steps>

## 12. Sık Sorulanlar

**Soru: Hangisi en kolay başlangıç için?**

<callout-box data-variant="answer" data-title="v0.dev landing için, Lovable full app 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.

</callout-box>

**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

<references-list data-items="[{&#34;title&#34;:&#34;v0 by Vercel&#34;,&#34;url&#34;:&#34;https://v0.dev&#34;,&#34;author&#34;:&#34;Vercel&#34;,&#34;publishedAt&#34;:&#34;2026&#34;,&#34;publisher&#34;:&#34;Vercel&#34;},{&#34;title&#34;:&#34;Bolt.new&#34;,&#34;url&#34;:&#34;https://bolt.new&#34;,&#34;author&#34;:&#34;StackBlitz&#34;,&#34;publishedAt&#34;:&#34;2026&#34;,&#34;publisher&#34;:&#34;StackBlitz&#34;},{&#34;title&#34;:&#34;Lovable&#34;,&#34;url&#34;:&#34;https://lovable.dev&#34;,&#34;author&#34;:&#34;Lovable&#34;,&#34;publishedAt&#34;:&#34;2026&#34;,&#34;publisher&#34;:&#34;Lovable&#34;},{&#34;title&#34;:&#34;Replit Agent&#34;,&#34;url&#34;:&#34;https://replit.com/agent&#34;,&#34;author&#34;:&#34;Replit&#34;,&#34;publishedAt&#34;:&#34;2026&#34;,&#34;publisher&#34;:&#34;Replit&#34;},{&#34;title&#34;:&#34;Framer AI&#34;,&#34;url&#34;:&#34;https://framer.com&#34;,&#34;author&#34;:&#34;Framer&#34;,&#34;publishedAt&#34;:&#34;2026&#34;,&#34;publisher&#34;:&#34;Framer&#34;},{&#34;title&#34;:&#34;Webflow AI&#34;,&#34;url&#34;:&#34;https://webflow.com&#34;,&#34;author&#34;:&#34;Webflow&#34;,&#34;publishedAt&#34;:&#34;2026&#34;,&#34;publisher&#34;:&#34;Webflow&#34;},{&#34;title&#34;:&#34;shadcn/ui&#34;,&#34;url&#34;:&#34;https://ui.shadcn.com&#34;,&#34;author&#34;:&#34;shadcn&#34;,&#34;publishedAt&#34;:&#34;2026&#34;,&#34;publisher&#34;:&#34;shadcn&#34;},{&#34;title&#34;:&#34;Supabase&#34;,&#34;url&#34;:&#34;https://supabase.com&#34;,&#34;author&#34;:&#34;Supabase&#34;,&#34;publishedAt&#34;:&#34;2026&#34;,&#34;publisher&#34;:&#34;Supabase&#34;},{&#34;title&#34;:&#34;Vercel&#34;,&#34;url&#34;:&#34;https://vercel.com&#34;,&#34;author&#34;:&#34;Vercel&#34;,&#34;publishedAt&#34;:&#34;2026&#34;,&#34;publisher&#34;:&#34;Vercel&#34;},{&#34;title&#34;:&#34;StackBlitz WebContainer&#34;,&#34;url&#34;:&#34;https://webcontainers.io&#34;,&#34;author&#34;:&#34;StackBlitz&#34;,&#34;publishedAt&#34;:&#34;2026&#34;,&#34;publisher&#34;:&#34;StackBlitz&#34;}]"></references-list>