Lovable ile ilk adım: kafe web sitesi

Lovable, istediğiniz uygulamayı yazıyla anlattığınızda sizin yerinize kuran bir yapay zekâ aracıdır. Bu derste kod yazmadan küçük bir kafe web sitesi hazırlayacak ve yayına alacaksınız.

Aklınıza bir soru mu takıldı?

Sorunuzu ya da aradığınız konuyu yazın Ders bul

Bu derste neler öğreneceksiniz?

• Lovable’ın ne işe yaradığını ve kimler için uygun olduğunu
• Hesap açmayı ve ilk projeyi başlatmayı
• Bir web sitesini adım adım geliştirip yayına almayı
• Verilerinizin eğitimde kullanımını nasıl kapatacağınızı ve yaş sınırını

Lovable ne işe yarar, kimin için?

Resmî başlangıç rehberine göre Lovable, uygulamayı gündelik dille tarif ettiğiniz bir platformdur. Rehber, tarifi herhangi bir dilde yazabileceğinizi söylüyor. Araç çalışan bir ilk sürüm kurar ve onu canlı bir adreste yayımlamanıza izin verir. Rehbere göre ortaya çıkan kodun sahibi de sizsiniz.

Düzenleyici iki yarıdan oluşur. Solda proje sohbeti bulunur; değişiklik isteklerinizi oraya yazarsınız. Sağda canlı önizleme görünür. Yaptığınız her değişiklik bir sürüm olarak saklanır ve geri yüklenebilir. Denemekten çekinenler için bu bir güvenlik ağıdır.

Kimler için uygundur? Esnaf, dernek yöneticisi, öğretmen ya da kendi fikrini hızlıca göstermek isteyen herkes için. Örneğin mahalledeki bir kafenin menü ve çalışma saatleri sayfasını bir akşamda kurabilirsiniz. Hesap açmak için e-posta, Google, GitHub ya da Apple girişi kullanılabiliyor. Ana sayfadaki kutuya önce isteğinizi yazabilirsiniz; araç gönderdiğinizde sizden kayıt olmanızı ister ve yazdığınızı kaybetmez.

Veri, gizlilik, yaş sınırı ve kullanım hakkı

Lovable’ın gizlilik politikasına göre veri sorumlusu İsveç’in Stockholm kentindeki Lovable Labs Sweden AB’dir. Politika, komutlarınızı (prompt) de içeren müşteri içeriğinin ve kullanım verisinin yapay zekâ modellerini geliştirmek için kullanılabildiğini yazıyor. Bunu hesap ayarlarından, her planda ve ek ücret ödemeden kapatabilirsiniz. Kapatmanız yalnızca bundan sonrasını etkiler; önceden hazırlanmış veri kümelerinden içerik çıkmaz. Politika, Business ve Enterprise müşteri içeriğinin bu amaçla kullanılmadığını da söylüyor.

Hesabınız açık kaldığı sürece içerik saklanır. Hesabınızı kapatmak ya da silme talebi göndermek için hesap ayarlarını veya politikada verilen e-posta adresini kullanabilirsiniz. Silme talebi, daha önce eğitilmiş modellerden içeriği geri almaz. Bu yüzden müşteri listesi, kimlik numarası ya da şifre gibi bilgileri komutlara yazmayın.

Yaş sınırı: Politika, hizmetin yetişkinler için tasarlandığını ve kendi hesabını açmak için 18 yaşında olmak gerektiğini söylüyor. Bu ders yetişkin okura yazılmıştır. Okullar, yazılı anlaşmayla 18 yaş altına denetimli erişim verebiliyor.

Telif ve ticari kullanım: Ürün şartlarına göre müşteri, kendi verisinin ve kurduğu uygulama ile sitelerin sahibi olarak anılıyor. Yapay zekâ çıktısı için ise modellerdeki üçüncü kişi haklarının saklı olduğu yazıyor. Aynı şartlar, hizmetin kullanım lisansını “kurumun iç işleri” amacıyla sınırlıyor. Kurduğunuz siteyi bir müşteriye satmak ya da başkası adına işletmek gibi ticari kullanımlar şartlarda ayrıca anlatılmıyor. Böyle bir iş yapacaksanız şartları baştan sona okuyun ve gerekirse hukuki destek alın. Bu metin genel bilgidir, hukuki tavsiye değildir.

Adım adım uygulama

1. Lovable’ın ana sayfasında hesabınızı açın. E-posta, Google, GitHub ya da Apple seçeneklerinden birini kullanın.
2. İstek kutusunda kip seçicisinin Build olduğundan emin olun.
3. Aşağıdaki güçlü komutu yapıştırın ve gönderin.
4. Sağdaki önizlemede sayfayı gezin. Menü süzgecini, çalışma saatlerini ve konum bölümünü deneyin.
5. Her seferinde tek değişiklik isteyin. Örneğin yalnızca renkleri değiştirin ve önizlemeye bakın.
6. Küçük düzeltmeler için önizleme araç çubuğundaki “Select elements” ile bir öğeyi seçip değişikliği yazıyla anlatın ya da “Edit text inline” ile metni doğrudan düzenleyin. Bu seçeneklerin kredi kullanımı olabilir; Lovable belgelerini kontrol edin.
7. Düğmeleri ve bağlantıları tek tek tıklayın. Ziyaretçilerin çoğu telefondan gireceği için mobil görünümü de açın.
8. Sağ üstteki Publish düğmesine basın. Lovable bir lovable.app adresi önerir; adı değiştirip yayına alabilirsiniz.

Kontrol listesi

• İlk sürümde giriş ekranı ve veri tabanı (database) yok.
• Kafe adı, adres ve saatler kurgusal; gerçek kişi verisi yazmadım.
• Eğitimde kullanım ayarını hesap ayarlarında kontrol ettim.
• Telefondan görünümü açıp baktım.
• Yayından sonra yaptığım değişiklikler için Publish changes seçeneğini kullanacağımı biliyorum.

Benzer araçlar

Aynı işi farklı yollarla yapan başka araçlar da var. Bolt.new, v0, Figma Make ve Replit Agent bu türden başka örneklerdir. Seçerken verinizin nerede tutulduğuna, eğitimde kullanım ayarına ve yaş şartına bakın.

Sık yapılan hatalar

• İlk istekte giriş, ödeme ve veri tabanını birlikte istemek; sonuç karmakarışık olur.
• Aynı mesajda beş ayrı değişiklik istemek; hangisinin bozduğunu anlayamazsınız.
• Gerçek müşteri bilgilerini komutlara yazmak.
• Yayımladıktan sonra değişikliklerin otomatik canlıya çıkacağını sanmak; canlı site bir anlık görüntüdür.

Kendinizi deneyin

Kaynaklar

• Lovable Docs: Getting started (İngilizce)
• Lovable Docs: Visual edit (İngilizce)
• Lovable gizlilik politikası (İngilizce)
• Lovable ürün şartları (İngilizce)

Son kontrol: 10 Kasım 2026

Kaynak: yzdersleri.com/ders/lovable-ile-ilk-adim-kafe-web-sitesi/ · Yapay Zeka Dersleri