Lovable ile yapılan site kendi sunucunuzda nasıl yayınlanır?

Lovable ile yaptığınız siteyi kendi sunucunuzda yayınlamak için projeyi Lovable'ın Git eşitlemesiyle GitHub'a aktarın, depoyu sunucudaki Coolify paneline bağlayın, ortam değişkenlerini girin ve alan adınızı yönlendirin. Lovable'ın belgesi bu yolu açıkça anlatır: kod sizindir, istediğiniz yerde çalışır. Lovable'da düzenlemeye de devam edebilirsiniz, değişiklikler depoya gider, sunucu oradan yayınlar.

En önemli karar arka uçtur, çünkü veritabanı kayıtları ve yüklenen dosyalar kodla birlikte gelmez. Bu yüzden yazı kodu dışarı almakla başlıyor, arka uçla bitiyor.

Kodu Lovable'dan nasıl alırsınız?

Projeniz hangi türde?

Lovable iki ayrı yapı kullanır, sunucu ayarı da buna göre değişir. Depodaki package.json dosyasında @tanstack/react-start varsa proje TanStack Start'tır, yoksa eski tip React + Vite'tır. Yeni projeler TanStack Start ile açılıyor.

Vite statik yayını, Coolify ile gerçek sunucuda denediğimiz türlerden biridir. TanStack Start değerleri Lovable'ın kendi belgesindendir, Node 22 önerir.

Adım adım yayın

1. Next.js VPS sayfasından sunucu alın. Adı sizi yanıltmasın: bu seçenekte Coolify kuruludur, Coolify de yalnız Next.js yayınlamaz.
2. Deponuzu git clone ile bilgisayarınıza alın, klasörü Claude Code ya da Cursor gibi bir kod aracında açın.
3. Seturack panelinde Genel Bakış sekmesindeki Yapay zekâ aracınıza yapıştırın satırını kopyalayıp bu araca yapıştırın. Araç yayını kendisi yapar. Metni Lovable sohbetine yapıştırmayın, içinde API anahtarı var ve Lovable kendi önizlemesi dışında bir şey çalıştıramaz.
4. Araca gereken ortam değişkenlerini verin. Hangileri olduğu aşağıdaki arka uç seçiminize bağlıdır.
5. HTTPS adresi gelince sınayın: bir alt sayfayı açıp yenileyin, giriş yapıp çıkın, okuma, yazma ve yükleme deneyin. Girişte yönlendirme hatası alırsanız yeni adresi izinli dönüş adreslerine ekleyin.
6. Alan adınızın A kaydını sunucunun IP adresine yönlendirin, alan adını araca söyleyin. Sertifika kendiliğinden alınır.
7. Araca "her push'ta yayınla" deyin. Lovable'daki değişiklikler depoya gittiği için her biri sunucuda yeni derleme başlatır.

Elle yapmak isterseniz özel depo ve webhook ayarları Next.js rehberinde anlatılıyor. Root erişimi sizde; isterseniz her şeyi panelden yönetirsiniz. lovable.app adresiniz son yayınladığınız sürümü göstermeye devam eder.

Arka uç nerede kalacak?

Yerleşik arka uçta kalmak

Yalnız site taşınır, en az işi olan yol budur. Derlemeden önce VITE_SUPABASE_URL ve VITE_SUPABASE_PUBLISHABLE_KEY değerlerini girin. TanStack Start'ta sunucu kodu için SUPABASE_URL ve SUPABASE_PUBLISHABLE_KEY de gerekir. Değerler deponun .env dosyasındadır, sunucu işlevlerinin okuduğu gizli değerler ise depoda değildir. Yapay zekâ özellikleri ve bağlayıcılar çalışmayı sürdürür, kullanımı Lovable kredinizden düşer.

Kendi sunucunuzda Supabase

Lovable'a göre yerleşik arka ucun taşınabileceği iki hedef var: yönetilen Supabase ve kendi kurduğunuz Supabase. Yalnız PostgreSQL taşımak yetmez, giriş, depolama, canlı veri ve Edge Functions da gerekir. Supabase VPS bunları ayrı bir sunucuda kurulu açar. Supabase'in belgesi en az 4 GB RAM, 2 çekirdek ve 40 GB disk ister.

1. Yapıyı kurun: supabase/migrations/ klasöründeki dosyaları tarih sırasıyla çalıştırın.
2. Veriyi taşıyın: More, Database, Manage, Settings yolundan Export data deyin. Gelen arşiv zstd ile sıkıştırılmış PostgreSQL arşividir, zstd destekli pg_restore ile 5432 portuna yükleyin. Kullanıcı hesapları içindedir, herkes yeniden giriş yapar. Önce deneme kurulumunda sınayın.
3. Dosyaları More, Storage sayfasından indirip Studio'dan aynı adlı kovalara yükleyin.
4. supabase/functions/ içeriğini sunucuda volumes/functions/ altına kopyalayın, gizli değerleri girin, functions servisini yeniden başlatın.
5. Giriş sağlayıcılarını, SITE_URL ve ADDITIONAL_REDIRECT_URLS değerlerini ayarlayın.
6. Sitede VITE_SUPABASE_URL değerine Supabase sunucunuzun adresini, anahtar alanına publishable anahtarı yazıp yeniden derleyin.

Lovable üzerinden geçen yapay zekâ ve bağlayıcı çağrılarını kendi sağlayıcı hesabınıza çevirmeniz gerekir. Güncelleme ve izleme de size kalır, Lovable bu altyapının hatalarını ayıklayamaz.

Kendi Supabase hesabınızdaki proje

Projeyi kendi Supabase hesabınıza bağladıysanız arka uç zaten dışarıdadır, adresleri girip devam edersiniz. Onu da sunucunuza almak isterseniz Supabase'in taşıma belgesi supabase db dump ile adımları verir.

Sık sorulan sorular

Lovable sitesi için kaç GB RAM gerekir?

Satış sayfasının önerdiği en az boyut 4 GB RAM, 2 vCore ve 40 GB disktir. Bu öneri derlemeye göredir: 85 paketli büyük bir Next.js projesi 2 GB'ta bellek yetmediği için düştü, 4 GB'ta derlendi. Derleme bellekten düşerse panelden büyütün, IP ve veri aynı kalır.

Aylık maliyeti ne kadar olur?

Önerilen en az boyut aylık 299 TL'dir (KDV dahil, TL taban fiyat). Fiyata günlük yedek dahildir, trafik limitsizdir. Supabase için ikinci sunucu alırsanız ücreti ayrıdır. Kodu dışa aktarmak Lovable aboneliğinizi kapatmaz, abonelik ve Cloud kullanımı siz değiştirene kadar sürer.

Alan adımı Lovable'dan nasıl taşırım?

Önce yeni sunucudaki deneme adresinde her şeyi sınayın. Sonra A kaydını sunucunun IP adresine çevirin, alan adını uygulamaya ekleyip yeniden yayınlayın. lovable.app adresini artık istemiyorsanız projeyi Lovable'da yayından kaldırırsınız.

Yayından sonra siteyi nasıl güncellerim?

Lovable'da ya da kod aracınızda çalışmayı sürdürün. Her değişiklik GitHub'daki eşitlenen dala gider, webhook kurduysanız sunucu kendisi derler. Yarım işlerin yayına çıkmasını istemiyorsanız Lovable'ı ayrı bir dalda çalıştırıp hazır olunca birleştirin.

Veritabanı kodla birlikte gelir mi?

Hayır. Git eşitlemesi ve zip yalnız kaynak dosyaları ve veritabanının yapısını tanımlayan dosyaları içerir. Kayıtları ve dosyaları ayrıca dışa aktarırsınız. Eski arka ucu kapatmadan önce dışa aktarılan veriyi yeni yerde mutlaka doğrulayın.

Seturack'ta kurulu gelir: Next.js, Coolify, Supabase.