Lovable 101

Yapay Zeka 101 serisine Lovable ile devam ediyoruz

Claude 101 yazısını okuyup “peki sıra da ne var?” diye soran çok oldu. Cevap net: Lovable. Lovable, metinden çalışan web uygulaması üreten bir araç.

Geçen hafta websitemi Wix’ten Lovable’a geçirdim. Kod yazmadım. Tasarımcıya para ödemedim. Lovable’a 14 cümle yazdım, kalanı kendi halletti.

Bu yazı kod bilmeyenler için. Ama birkaç senedir ürün yönetimi yapan, kendi mini aracını kurmak isteyen biri için de. İlk 30 dakikada ne yapman gerektiğini, nereye para vermen gerektiğini, neyi atlaman gerektiğini, ve neler öğrendiğimi anlatacağım.

---

Lovable tam olarak ne yapıyor

Lovable, metinden çalışan web uygulaması üreten bir araç. Figma değil, tasarım çıktısı vermiyor. Bubble değil, görsel bloklarla çalışmıyor. Sen ne istediğini cümleyle yazıyorsun, Lovable React ve Tailwind ile gerçek kod üretiyor, bunu canlı bir önizlemede çalıştırıyor, istersen yayına alıyor.

İsveç merkezli bu şirket, Anton Osika tarafından kuruldu. Şubat 2026 itibarıyla yıllık 400 milyon dolar ARR’a ulaştı. 146 çalışanı, 8 milyon kullanıcısı var. Müşteri listesinde Klarna ve HubSpot gibi isimler geçiyor. TechCrunch verisine göre çalışan başına 2.77 milyon dolar gelir üretiyor, bu rakam Gartner’ın 2030 için öngördüğü “unicorn” eşiğinden daha yüksek.

Bu büyüklüğü bilmek önemli. Çünkü Lovable artık garaj projesi değil, arkasında endüstri var.

---

Neden şimdi Lovable?

Rakipleri var: Bolt, v0, Replit Agent, Cursor. 2026’da yapılan karşılaştırmaların ortak bulgusu şu: Lovable en güzel çıktıyı veriyor, Bolt en hızlı kodluyor, v0 ise Vercel ekosistemindeki geliştiriciler için. UI Bakery ve NxCode karşılaştırmalarında Lovable tasarım skoru 8/10, Bolt 5/10 aldı.

Lovable 2.0, oyun değiştirdi

Şubat 2026’da yayınlanan Lovable 2.0 dört yeni özellik getirdi ve bunların üçü işimi kökten değiştirdi.

Chat Mode. Artık kod yazdırmadan önce plan yapabiliyorsun. “Chat Mode Agent” senin için dosyalarını tarıyor, log’ları inceliyor, veritabanına bakıyor, sonra “şöyle yaparsak olur” diyor. Kredi harcamadan düşünme safhası. Bunu keşfedene kadar her düşünce için kredi ödüyordum.

Dev Mode. Üretilen kodu doğrudan Lovable içinde düzenleyebiliyorsun. Küçük CSS değişiklikleri için artık yapay zekaya “şurayı biraz yukarı al” demeye gerek yok. Sen kendi elinle düzelt, 5 kredi kurtar.

Visual Edits. Figma’ya benzer bir görsel düzenleyici. Düğme üzerine tıkla, hizalamayı düzelt.

Multiplayer. 20 kişiye kadar eş zamanlı çalışma, ekipler için.

Bir de güvenlik kontrol (“Security Scan”) geldi, bu önemli. Önceki versiyonda Supabase güvenlik açıkları kullanıcıların veri sızıntısı yaşamasına neden oluyordu. 2.0 ile otomatik tarama ekledi.

---

Kredi tuzağı, 2026’nın en çok konuşulan şikayeti

Lovable topluluğunun bir numaralı şikayeti kredi sistemi. Her prompt kredi yakıyor. Yaptığın hatayı düzeltmek kredi yakıyor. yapay zekanın kendi yaptığı hatayı düzelttirmek de kredi yakıyor. Kullanıcı raporlarına göre tek bir şablon problemini çözmek 60-150 kredi arasında değişebiliyor.

Benim çıkardığım ders şu. Chat Mode’u kullanmadan hiçbir komut yazma. Önce “şunu nasıl yapmalıyız” diye sor, plan al, sonra uygulamaya geç. Bu davranış kredi harcamanı yarıya indiriyor veya chatbot’un da planlamayı yap ve sonra sistem promptunu Lovable’a aktar.

Plan seçimi

Ücretsiz plan, günlük sınırlı mesaj. Sadece “nasıl bir şey bu” sorusuna cevap arıyorsan yeterli. Ama gerçek bir şey kurmaya kalkarsan ilk gün biter.

Pro plan, aylık yaklaşık 25 dolar. Aylık kredi paketi veriyor, GitHub bağlantısı açılıyor, özel domain ekleyebiliyorsun, Dev Mode açılıyor. Buradan başla.

Teams plan, ekiple çalışıyorsan. Lovable 2.0 ile gelen 20 kişilik eş zamanlı çalışma burada.

Not: Fiyatlar ve kredi limitleri sık değişiyor. Lovable.dev adresinden güncel rakamları kontrol et.

---

İlk 30 dakikada ne yapmalı

Bir hesap aç. Google ile giriş en hızlısı.

Yeni proje aç, ama önce Chat Mode’a geç. Şu cümleyi yaz:

“Bir [sektör] profesyoneli için basit bir iletişim sayfası kurmak istiyorum. Ziyaretçi adını, e-postasını ve mesajını yazabilsin. Form gönderildiğinde onay mesajı çıksın. Modern ve sakin tasarım, turkuaz ve lacivert renkler. Önce plan çıkar, sonra kod yazarız.”

Bu cümlede dört şey var: kim için, ne yapacak, ne olacak, nasıl görünecek. Bir de beşinci: “önce plan çıkar”. Bu beşinci madde kredilerini koruyor.

Chat Mode sana plan verince, “tamam uygula” diyorsun. Ondan sonra kod üretiliyor.

İlk 30 dakikanın sonunda elinde çalışan bir sayfa olacak. Henüz kimse göremiyor, çünkü yayına almadın. Bu senin ilk başarın.

Supabase bağlantısı hala kritik

Lovable’ın gerçek gücü form gösterip kaybetmek değil. Form aldığı bilgiyi saklamak. Burada Supabase devreye giriyor.

Supabase, açık kaynaklı veritabanı ve kullanıcı yönetim servisi. Lovable içinde iki tıklama ile bağlanıyor. Bağladığın an kullanıcı kayıt, giriş, veri saklama, dosya yükleme çalışır hale geliyor.

Lovable 2.0’ın “Security Scan” özelliği Supabase güvenlik ayarlarını otomatik tarıyor. Ama yine de tamamen güvenme. Gerçek ürüne geçecekseniz bir geliştiriciye kontrol ettirin.

---

Lovable’a verdiğim 14 talimat

Yazının başında “14 cümle yazdım” dedim. İşte o 14 cümle. Her biri tek iş yapıyor. Lovable hiç yanlış anlamadı. Ama sıra önemli, rastgele yazarsan kredi yakarsın.

Hesabını aç (Google ile giriş en hızlısı), yeni proje başlat, ama önce Chat Mode’a geç. İlk mesajında dört soruyu cevapla: kim için, ne yapacak, ne olacak, nasıl görünecek. Ardından “önce plan çıkar, sonra kod yazarız” ekle. Bu beşinci cümle kredilerini koruyor. Chat Mode sana plan verince, “tamam uygula” diyorsun. Ondan sonra aşağıdaki 14 talimata geçiyorsun.

Faz 1: Temel Yapı

1. “Temel sayfayı kur.” Boş proje aç, tek sayfalık iskelet oluştur. Lovable sana bir layout verecek. Beğenmezsen sonra değiştirirsin, ilk turda mükemmellik arama.

2. “Başlık ve açıklama ekle.” Kim olduğunu ve ne yaptığını anlatan 2 cümle. Lovable bu metni hero section’a yerleştiriyor. Uzun paragraf yazma, kısa ve net tut.

3. “Form alanlarını ekle.” Ad, e-posta, mesaj. Üç alan yeterli. Telefon numarası, şirket adı gibi fazladan alan ekletme. Her eklenen alan dönüşüm oranını düşürür, bu Lovable değil pazarlama gerçeği.

Faz 2: Görsel Ayar

4. “Renkleri değiştir.” Marka renklerini hex kodu ile ver. “Turkuaz ve lacivert kullan” dersen Lovable kendi yorumlayacak. “#3ABFA7 ve #0D1F2D kullan” dersen bire bir uygular. Spesifik ol, kredi kurtarırsın.

5. “Fontları değiştir.” Başlık ve gövde fontunu ayrı belirt. “Başlıklar Playfair Display, gövde Lato olsun” yaz. Google Fonts’tan herhangi bir font çalışıyor.

6. “Mobil görünümü düzelt.” Lovable masaüstü için optimize ediyor, mobili bazen atlıyor. “Telefonda nasıl görünüyor, kontrol et ve düzelt” demek yeterli. Bu adımı atlayan herkes sonradan 10 kredi daha yakar.

Faz 3: Veritabanı ve İşlevsellik

7. “Supabase bağla.” Lovable’ın gerçek gücü burada başlıyor. Form aldığı bilgiyi bir yere kaydedeceksin. Supabase, açık kaynaklı veritabanı ve kullanıcı yönetim servisi. Lovable içinde iki tıklama ile bağlanıyor. Bağladığın an kullanıcı kayıt, giriş, veri saklama hepsi açılıyor.

8. “Form verilerini tabloya kaydet.” Gelen mesajlar Supabase’de birikir. Sen panelden görebilirsin. Bu adım olmadan form “güzel görünür ama hiçbir yere gitmez” durumunda kalır.

9. “Onay mesajı ekle.” Form gönderilince “Mesajın alındı, en kısa sürede dönüş yapacağım” gibi bir metin. Kullanıcı deneyimi açısından kritik. Bu olmadan ziyaretçi “form gitti mi gitmedi mi” diye düşünür.

10. “Hata mesajı ekle.” Boş alan bırakılırsa veya geçersiz e-posta girilirse uyarı çıksın. Lovable bunu genellikle kendiliğinden ekliyor, ama kontrol et. Eklemediyse bu tek cümle ile halloluyor.

Faz 4: Son Dokunuşlar

11. “Sosyal medya linklerini ekle.” LinkedIn, Instagram, X ikonlarını footer’a koy. “Sosyal medya ikonlarını ekle, linkler şunlar:” yaz ve URL’leri ver. Lovable ikonları otomatik buluyor.

12. “Footer ekle.” Telif hakkı satırı ve iletişim bilgisi. Küçük bir detay ama profesyonel görünümü tamamlıyor. “Copyright 2026, [ismin]” yeterli.

13. “SEO başlığını düzelt.” Sayfa başlığı ve meta açıklamasını yaz. Google bu metni arama sonuçlarında gösterir. Lovable varsayılan olarak “Vite App” gibi bir şey koyuyor, bunu değiştirmezsen arama motorlarında kaybolursun.

14. “Yayınla.” Tek tıkla canlıya al. Lovable hosting veriyor, özel domain ekleyebiliyorsun (Pro planda). Bu adımı son yap. Yarım kalmış bir siteyi yayına almak, yayınlamamaktan daha kötü.

14 adımın özeti

İlk 30 dakikada 1-6 arası bitiyor. Supabase bağlantısı (7-10) bir saat daha alıyor. Son dokunuşlar (11-14) yarım saat. Toplam yaklaşık 2 saat, elinde çalışan, veri toplayan, mobilde düzgün görünen bir site var.

Her cümle tek iş. Lovable’a “bunların hepsini yap” deme. Her birini ayrı mesaj olarak gönder. Bu, hem hata oranını düşürür hem krediyi kontrol altında tutar.

---

Lovable ile kurulmuş, para kazanan gerçek işler

Madewithlovable.com, platformla üretilmiş projelerin vitrini. İçinden beni en çok etkileyen dört tanesini anlatayım, çünkü hepsi teknik olmayan kuruculardan çıktı.

Plinq. Sabrine Matos adlı bir kadın güvenliği savunucusu kurdu. Kamuya açık suç verilerini birleştirip kullanıcıların gezecekleri mahalleyi kontrol etmesini sağlayan bir uygulama. Sabrine’in hiç kod geçmişi yok. Fikri vardı, Lovable vardı, arada tercüman yoktu.

MVP. Grammy adayı filmci Mike Burns’ün kurduğu yapay zeka destekli film stüdyosu. Filmcilikte 20 yıl geçirmiş biri, hayatında ilk kez kendi yazılım ürününü kurdu. Burada ilginç nokta şu: Burns alanında uzman, Lovable ona sadece teslim mekanizması oldu.

Lumoo. Moda markaları için içerik üretim platformu. Kurucu tasarım geçmişinden geliyor, yazılım ekibi kurma gücü yok. Lovable ile prototipi çıkardı, müşteri çekti, sonra gerçek ekip kurdu. Değer merdiveninde klasik adım.

Fire Equity Engine. Shalini Ananda’nın 2025 Los Angeles yangınlarından etkilenenler için kurduğu yardım aracı. Krize 10 gün içinde yanıt veren bir ürün. Eskiden bu hız için en az 3 geliştiriciye ihtiyacın vardı.

Ortak nokta ne? Hiçbiri “yazılımcı” değil. Hepsi kendi alanının uzmanı. Lovable onların alan bilgisini kod haline getiren aracı oldu. Bu önemli, çünkü Lovable ile başarılı olanlar kod öğrenmiyor. Kendi uzmanlık alanına yazılım ekliyor.

TechCrunch’ın Mart 2026 haberi. Lovable tek ayda 100 milyon dolar gelir eklediğini söyledi. 146 çalışanla. Bu rakam “vibe coding” denen akımın neden artık moda değil, kalıcı bir şey olduğunu gösteriyor.

---

Yol haritası

Birinci seviye: Tek sayfalık landing page. İletişim formu. 1-2 saat.

İkinci seviye: Çok sayfalı site. Menü, hakkımızda, ürünler, blog. Supabase ile içerik yönetimi. 1 gün.

Üçüncü seviye: Kullanıcı girişli uygulama. Abonelik sistemi, özel içerik. 2-3 gün.

Dördüncü seviye: Ödeme alma. Gerçek işletme. 1 hafta.

Beşinci seviye: GitHub bağlantısı ile kendi geliştirici takımın teslim alır. Lovable sadece ilk itici güç.

Çoğu danışman, eğitmen, küçük işletme için birinci seviye yeterli.

---

Mini aksiyon listesi

• Lovable hesabı aç, Pro plana geç

• Her projede Chat Mode ile başla, direkt kod yazdırma

• Dev Mode’u öğren, küçük düzeltmeleri kendin yap

• İlk projende dört soruyu cevapla: kim için, ne yapacak, ne olacak, nasıl görünecek

• 14 küçük talimat halinde böl, her biri ayrı mesaj

• Supabase bağla, Security Scan’i çalıştır

• Yayına almadan önce bir geliştiriciye kontrol ettir

• İlk ürünü 48 saat içinde bir kişiye göster, tepkisini kayda al

• Kredi harcamanı haftalık izle, 150’yi aştığın hafta planını gözden geçir

• Prompt’larını Claude veya ChatGPT’de yaz, sonra Lovable’a yapıştır

• Visual Edits ve Dev Mode’u ilk hafta öğren, agent’a her değişiklik için mesaj atmayı bırak

• Her başarılı aşamada GitHub’a yedek al, hata döngüsüne karşı sigorta