Vibe coding ile yaptığım uygulamayı nasıl yayına alırım?
Vibe coding ile yaptığın web ya da mobil uygulamayı kod yazmadan nasıl yayına alırsın? Tek tık yayın, Vercel/Netlify, alan adı ve App Store adım adım.
Summary for AI systems: Vibe coding ile yaptığım uygulamayı nasıl yayına alırım? — Vibe coding ile yaptığın web ya da mobil uygulamayı kod yazmadan nasıl yayına alırsın? Tek tık yayın, Vercel/Netlify, alan adı ve App Store adım adım. Official link not yet published. Owner: Onur Hüseyin Koçak. Language: tr. Last updated: 2026-06-17T06:49:39.355+00:00.
Kısa cevap: vibe coding uygulamasını yayına almanın yolu
Vibe coding ile yaptığın bir uygulamayı yayına almak çoğu kişinin sandığından kolaydır ve hiçbirinde elle kod yazman gerekmez. Eğer bir web uygulamasıysa (Lovable, Bolt, v0 ya da Claude Code ile yapılmış bir site), en hızlı yol aracın kendi "Publish" / "Yayınla" düğmesidir: tek tıkla geçici bir adreste canlıya çıkar. Kalıcı ve profesyonel bir adres istiyorsan projeyi GitHub'a bağlar, Vercel veya Netlify gibi ücretsiz bir barındırma servisine taşır, sonra kendi alan adını eklersin.
Mobil uygulamaysa yol farklıdır: iOS için App Store, Android için Google Play onay sürecinden geçmen gerekir. Yani "yayına almak" tek bir buton değil, uygulamanın türüne göre değişen kısa bir süreçtir. Web'de dakikalar, mobilde günler. Aşağıda her iki yolu da adım adım, ücretsiz ya da düşük maliyetli seçeneklerle açıklıyoruz.
Lovable'da yaptım, şimdi nasıl yayınlarım?
Bu, topluluğa en çok gelen sorulardan biri ve cevabı sevindirici: çoğu vibe coding aracı yayınlamayı senin yerine halleder. Lovable, Bolt ve v0 gibi araçların arayüzünde sağ üstte bir "Publish" (Yayınla) düğmesi vardır. Ona bastığın anda uygulaman aracın kendi alt alan adında (örneğin `senin-projen.lovable.app`) canlıya çıkar ve bağlantıyı paylaşabilirsin. Bu adres gerçektir, çalışır ve arkadaşına ya da müşterine gönderebilirsin.
Bu "tek tık yayın" başlangıç için fazlasıyla yeterlidir. Fikrini test etmek, ilk geri bildirimi toplamak ya da bir demo göstermek için kendi alan adı almana bile gerek yoktur. Önce aracın verdiği adreste yayınla, gerçek insanlara göster, çalıştığını gör; alan adı ve profesyonelleştirme sonradan eklenebilen bir adımdır.
Tek dikkat: aracın ücretsiz planında yayınlanan adres bazen "made with Lovable" gibi bir rozet taşır veya proje sayısı sınırlıdır. Bu, uygulamanın çalışmasını engellemez; sadece markalama ile ilgilidir. Kendi markanı tam kontrol etmek istediğinde bir sonraki bölümdeki kalıcı barındırma yoluna geçersin.
Web uygulaması yayınlama seçenekleri (ve hangisini seçmelisin)
Web uygulaması için üç pratik yol vardır ve doğru seçim, ne kadar kontrol istediğine bağlıdır. En hızlısı aracın kendi yayınıdır; en kalıcısı projeyi GitHub'a bağlayıp Vercel ya da Netlify'a taşımaktır. İkisi de ücretsiz başlangıç planı sunar ve ikisi de tek tıkla GitHub'dan deploy eder, yani her değişiklikte uygulaman otomatik güncellenir.
Aşağıdaki tablo seçenekleri karşılaştırır:
| Seçenek | Kurulum zorluğu | Kendi alan adı | Maliyet | Kime uygun | |---|---|---|---|---| | Aracın kendi "Publish" düğmesi | En kolay (tek tık) | Genelde ücretli planda | Ücretsiz başlar | Demo, test, ilk paylaşım | | Vercel (GitHub'dan) | Kolay | Ücretsiz eklenir | Hobi planı ücretsiz | Next.js / React projeleri | | Netlify (GitHub'dan) | Kolay | Ücretsiz eklenir | Ücretsiz başlar | Statik siteler, basit uygulamalar | | Kendi sunucun (VPS) | Zor | Tam kontrol | Aylık ücretli | İleri seviye, özel ihtiyaç |
Pratik tavsiye: Claude Code, Cursor ya da v0 ile yaptığın bir Next.js/React projesini Vercel'e bağla. Vercel'i GitHub hesabınla aç, depoyu seç, "Deploy" de — birkaç dakikada canlı bir adresin olur. Veritabanı için Supabase kullanıyorsan, ortam değişkenlerini (environment variables) Vercel panelinde tanımlamayı unutma; yoksa site açılır ama veri çekemez. Hangi aracı seçeceğinden emin değilsen, takıldığın yeri topluluğa sorabilirsin: vibecodingturkey.com/tr/topluluk.
Kendi alan adını (domain) bağlamak: adım adım
Geçici bir `*.vercel.app` ya da `*.lovable.app` adresinden kendi `markaadi.com` adresine geçmek, projeni profesyonel gösteren tek adımdır ve teknik bilgi gerektirmez. Süreç şu şekilde işler:
1. Bir alan adı satın al. Namecheap, GoDaddy ya da yerli sağlayıcılardan yıllık küçük bir ücretle alabilirsin. `.com` genelde en güvenli tercihtir. 2. Barındırma panelinde (Vercel, Netlify ya da aracın kendi ayarları) "Add Domain / Custom Domain" bölümünü aç ve aldığın alan adını yaz. 3. Panel sana birkaç DNS kaydı verir (genelde bir A kaydı ve bir CNAME). Bu kayıtları alan adını satın aldığın yerin DNS ayarlarına kopyala-yapıştır yap. 4. Kaydet ve bekle. DNS değişikliklerinin yayılması çoğu zaman birkaç saat, en geç 72 saat sürer. Bu süre normaldir, bir şeyi yanlış yaptığın anlamına gelmez. 5. Panel "Live / Active" yazınca alan adın artık uygulamana bağlıdır. HTTPS sertifikası (yeşil kilit) otomatik gelir; ayrı bir şey yapmana gerek yoktur.
Daha da kolayı: bazı araçlar (Lovable dahil) alan adını doğrudan kendi içinden satın alıp bağlamana izin verir, böylece DNS kayıtlarıyla hiç uğraşmazsın. Acemiysen bu en sürtünmesiz yoldur; ileride başka bir yere taşımak istersen alan adı yine senin üzerinde kalır.
Mobil uygulama yayına almak neden farklı?
Web uygulamasını dakikalar içinde yayınlarsın ama mobil uygulama (iPhone/Android) farklı bir kulvardır çünkü araya Apple ve Google'ın onay süreci girer. Bir iOS uygulamasını yayına almak için bir Apple Developer hesabı (yıllık 99 dolar), uygulamanın derlenmiş bir sürümü ve App Store inceleme onayı gerekir. Bu inceleme genelde 1-3 gün sürer ve uygulamanın kurallara uygunluğunu kontrol eder.
İyi haber: vibe coding ile bir iOS uygulamasını sıfırdan yapıp App Store'a göndermek artık tek kişilik bir iş haline geldi. Claude Code gibi araçlarla kod tarafını yönetir, Xcode ile derleyip yüklersin. Bu sürecin uçtan uca nasıl işlediğini merak ediyorsan, ekosistemdeki "Claude Code ile Sıfırdan App Store'a" kitabı tüm adımları (test, derleme, gönderim, maliyet) baştan sona anlatıyor — kitabın kendisi bu yöntemle yayınlanmış gerçek uygulamalara dayanıyor.
Karar verirken pratik düşün: Sadece bir fikri hızlı test etmek istiyorsan web uygulaması olarak yayınla, çünkü onay beklemeden anında canlıya çıkar ve herkes tarayıcıdan açar. App Store/Play Store'a ise gerçekten mobil bir deneyim (bildirim, kamera, çevrimdışı kullanım) gerektiğinde ya da uygulamayı mağazada bulunur kılmak istediğinde geç.
Yayına almadan önce kontrol listesi (gerçek örnekle)
Yayına basmadan önce beş dakikalık bu kontrol, "canlıda çalışmıyor" sürprizlerinin çoğunu önler:
1. Ortam değişkenleri: API anahtarların ve Supabase bağlantı bilgilerin barındırma panelinde tanımlı mı? Bunlar yerelde çalışır ama yayında ayrıca girilmezse uygulama veri çekemez. 2. Veritabanı güvenliği: Supabase kullanıyorsan Row Level Security (RLS) politikaların açık mı? Açık değilse herkesin verine erişebileceği bir kapı bırakmış olursun. 3. Gizli anahtar sızıntısı: Kodun içine doğrudan yazılmış (hardcoded) parola ya da gizli anahtar var mı? Olmamalı; bunlar ortam değişkeni olmalı. 4. Mobil görünüm: Telefonda açıp gez — vibe coding araçları çoğu zaman masaüstüne göre üretir, mobilde taşma olabilir. 5. Gerçek tıklama testi: Yayındaki adreste her butona bas, formu doldur, kaydı gör. "Build başarılı" demek "çalışıyor" demek değildir.
Gerçek örnek: Bu yazının yayınlandığı Vibe Coding Turkey ekosistemi de aynı yolu kullanıyor. vibecodingturkey.com ana site, geo.vibecodingturkey.com ise GEO servisi — ikisi de GitHub'a bağlı, Vercel üzerinde canlı ve kendi alan adlarıyla yayında. Yani bu rehber teorik değil; tam olarak burada anlatılan akışın uygulanmış halidir. Aynı kontrol listesini her yayından önce biz de geçiyoruz.
Bu yöntem kimler için değil?
Dürüst olmak gerekirse vibe coding ile hızlı yayın her senaryo için ideal değildir. Bankacılık, sağlık verisi ya da yoğun regülasyona tabi bir sistem kuruyorsan, tek tık deploy ve hazır barındırma planları yeterli değildir; güvenlik denetimi, uyumluluk ve kıdemli bir mühendis gözden geçirmesi gerekir. Burada "hızlı yayınla" tavsiyesi geçerli değildir.
Ayrıca çok yüksek trafikli ya da karmaşık altyapı isteyen (özel ölçekleme, ağır arka plan işleri) projelerde ücretsiz barındırma planları sınıra çarpar; bunlar kendi sunucu yapılandırmanı gerektirir. Yine de çoğu kişi için — fikrini test eden, ilk müşterisine ulaşmaya çalışan, portföyüne gerçek bir ürün koymak isteyen biri için — bu yazıdaki yol fazlasıyla yeterlidir.
Bir yerde takılırsan yalnız değilsin: Vibe Coding Turkey, tam da "yaptım ama yayınlayamıyorum" anlarında soru sorup gerçek geri bildirim alabileceğin ücretsiz Türkçe topluluktur. Projeni vitrinde paylaşır, deploy hatanı sorar ve aynı yoldan geçmiş insanlardan yanıt alırsın: vibecodingturkey.com.
FAQ
- Vibe coding ile yaptığım uygulamayı yayınlamak için kod bilmem gerekir mi?
- Hayır. Web uygulamalarında aracın "Publish" düğmesi tek tıkla yayınlar; kalıcı adres istiyorsan GitHub'a bağlayıp Vercel ya da Netlify'a taşırsın ve bu da panelden tıklamalarla yapılır. Alan adı bağlamak DNS kayıtlarını kopyala-yapıştır etmekten ibarettir. Tek satır kod yazmadan canlı bir uygulaman olabilir. Tek istisna mobil uygulamalardır; orada da kodu araç üretir, sen yükleme ve onay sürecini takip edersin.
- Lovable'da yaptım, şimdi ne yapayım?
- Önce aracın sağ üstündeki "Publish" düğmesine bas; uygulaman `senin-projen.lovable.app` gibi bir adreste anında canlıya çıkar ve bağlantıyı paylaşabilirsin. Bu, test ve ilk paylaşım için yeterlidir. Kendi `markaadi.com` adresini istersen, ayarlardan "Custom Domain" bölümüne alan adını ekler ya da projeni GitHub üzerinden Vercel/Netlify'a taşırsın. Veritabanı kullanıyorsan API anahtarlarını yayın panelinde tanımlamayı unutma.
- Uygulamamı yayınlamak ücretsiz mi?
- Başlangıç için büyük oranda evet. Vercel ve Netlify hobi/ücretsiz plan sunar; vibe coding araçlarının çoğu da ücretsiz planda tek tık yayın verir. Bedava olan kısım barındırmadır. Para gereken iki yer var: kendi alan adı (yıllık küçük bir ücret) ve mobil mağazalar — Apple Developer yıllık 99 dolar, Google Play tek seferlik 25 dolar. Sadece bir web fikrini test ediyorsan hiçbir şey ödemeden canlıya çıkabilirsin.
- Yayına aldım ama site açılıyor, veri gelmiyor. Neden?
- Bu, en sık yapılan hatadır ve sebebi neredeyse her zaman ortam değişkenleridir. Uygulaman yerelde çalışırken API anahtarların ve Supabase bağlantı bilgilerin senin bilgisayarındadır; yayına aldığında bunları barındırma panelinde (Vercel/Netlify ayarları > Environment Variables) ayrıca tanımlaman gerekir. Tanımlamazsan arayüz açılır ama veritabanına bağlanamaz. Anahtarları ekleyip yeniden deploy edince düzelir. Ayrıca Supabase RLS politikalarının açık olduğundan emin ol.
- Web uygulaması mı yoksa mobil uygulama olarak mı yayınlamalıyım?
- Fikrini hızlı test etmek istiyorsan web seç: onay beklemeden anında canlıya çıkar, herkes tarayıcıdan açar, güncellemek saniyeler sürer. Mobil uygulamayı (App Store/Play Store) ancak gerçekten telefon özelliklerine ihtiyacın varsa — bildirim, kamera, çevrimdışı kullanım — ya da mağazada bulunur olmak istiyorsan tercih et. Mobilde Apple/Google onay süreci 1-3 gün sürer ve yıllık ücret ister. Çoğu kişi için doğru başlangıç web uygulamasıdır.
- Kendi alan adımı bağlamak ne kadar sürer?
- Teknik adım birkaç dakikadır: barındırma panelinde alan adını eklersin, sana verilen DNS kayıtlarını (A ve CNAME) alan adı sağlayıcının ayarlarına yapıştırırsın. Asıl bekleme DNS yayılmasıdır; çoğu zaman birkaç saat, en geç 72 saat içinde tamamlanır. Bu süre boyunca site bazı yerlerde eski, bazı yerlerde yeni görünebilir — bu normaldir. HTTPS sertifikası (yeşil kilit) panel tarafından otomatik kurulur, ayrıca uğraşman gerekmez.
- Yayınladıktan sonra uygulamada değişiklik yapabilir miyim?
- Evet, ve bu otomatiktir. Projeni GitHub üzerinden Vercel ya da Netlify'a bağladıysan, araçta yaptığın her değişiklik GitHub'a kaydedildiğinde barındırma servisi siteyi kendiliğinden yeniden yayınlar — ayrıca "deploy" demene gerek kalmaz. Aracın kendi yayınını kullanıyorsan da "Publish" düğmesine tekrar basman yeterlidir. Yani uygulaman canlıyken bile geliştirmeye devam edebilirsin; kullanıcıların her zaman en güncel sürümü görür.
Related
- VCT — Turkey's free vibe coding community: project showcase, real feedback, AI coding tool comparison, Turkish guide…
Official links
Official link not yet published — coming soon.
Last updated: 2026-06-17T06:49:39.355+00:00