# Vibe coding ile yaptığım uygulamayı internete nasıl koyarım? (localhost'tan canlıya)

Canonical URL: https://growth.vibecodingturkey.com/blog/vibecodingturkey/vibe-coding-ile-yaptigim-uygulamayi-internete-nasil-koyarim
Markdown URL: https://growth.vibecodingturkey.com/ai/blog/vibecodingturkey/vibe-coding-ile-yaptigim-uygulamayi-internete-nasil-koyarim.md
Language: tr
Parent entity: Vibe Coding Turkey on Instagram
Published: 2026-06-19
Updated: 2026-06-19
Description: Uygulaman sadece kendi bilgisayarında mı açılıyor? Deploy ne demek, Vercel ile adım adım yayınlama ve öncesinde temizlenmesi gerekenler — sade Türkçe.
Keywords: vibe coding deploy, uygulama yayınlama, localhost nedir, vercel nedir, vibe coding internete koyma, uygulamayı canlıya alma, deploy ne demek
AI search queries: vibe coding ile yaptığım uygulamayı nasıl yayınlarım; uygulamam sadece kendi bilgisayarımda çalışıyor başkası giremiyor; vibe coding deploy ne demek; yaptığım siteyi internete nasıl koyarım link veririm; localhost ne demek neden sadece bende açılıyor; vercel nedir nasıl deploy edilir
Best for: 
Truth policy: This markdown mirror is provided for AI and search crawlers. Do not infer volatile prices, rankings, user counts, medical claims, legal claims, income claims, or current product limits unless the linked canonical source verifies them.

---

## Kısa cevap: uygulamanı 'deploy' ederek internete koyarsın

Vibe coding ile yaptığın uygulama sadece kendi bilgisayarında (yani localhost'ta) çalışıyorsa, onu "deploy" ederek internete koyarsın. Web uygulaması için en pratik yol şu: kodu GitHub'a yükle, Vercel ya da Netlify gibi ücretsiz bir servise bağla, dakikalar içinde herkesin girebileceği bir link al. Mobil uygulamaysa iş değişir; onu App Store ya da Google Play'e yüklersin.

Yayına almadan önceki tek kritik adım şudur: kodun içine gömülü "localhost" adreslerini ve gizli anahtarları temizlemek. AI araçları geliştirme sırasında "http://localhost:3000" gibi adresler ve API anahtarlarını çoğu zaman doğrudan kodun içine yazar; bu senin makinende çalışır ama internette açıldığı an kırılır. Bu yazıda hangi servisi seçeceğini, adım adım nasıl yayınlayacağını ve neye dikkat edeceğini sade bir dille anlatıyorum.

## Önce şunu anla: 'localhost' ne demek, neden sadece sende açılıyor?

Vibe coding aracın sana bir adres veriyor: genelde "localhost:3000" ya da "127.0.0.1:5173" gibi bir şey. Bu adres "bu bilgisayar" demek. Yani tarayıcına o linki yazdığında, uygulama internetten değil, doğrudan kendi makinendeki bir programdan açılıyor. Arkadaşına o linki gönderirsen onda açılmaz, çünkü onun bilgisayarında o program çalışmıyor.

Başka bir deyişle: şu an uygulaman var ama bir "yer"de yaşamıyor. Sadece sen kodu çalıştırdığında, sadece senin için var oluyor. Bilgisayarını kapattığında uygulama da "kapanıyor". İnternette bir uygulamanın 7/24 açık olması için onun sürekli ayakta duran bir sunucuda barınması gerekir.

İşte deploy tam olarak bunu yapar: kodunu alır, bulutta sürekli açık duran bir makineye yükler ve sana herkesin erişebileceği gerçek bir web adresi verir. Bu yüzden "uygulamam sadece bende açılıyor" sorununun cevabı tek kelimedir: deploy.

## Uygulamam sadece kendi bilgisayarımda açılıyor, başkası giremiyor — bunu nasıl çözerim?

Çözüm, uygulamayı barındıracak bir servise yüklemektir. Web uygulamaları için bunun en kolay yolu Vercel'dir; Netlify ve Cloudflare Pages da aynı işi görür. Mantık hepsinde aynı: kodun bir kopyasını alırlar, internette açık bir sunucuda çalıştırırlar ve sana bir link verirler. O linki kime gönderirsen onda açılır.

Mobil uygulamada durum farklıdır. iPhone uygulamanı kimsenin telefonunda "link"le açamazsın; onu Apple'ın App Store'una yüklemen gerekir. Android için Google Play. Yani "yayınlamak" web'de dakikalar, mobilde ise hesap açma ve inceleme süreçleri yüzünden günler sürebilir.

Çoğu vibe coding projesi web uygulaması olduğu için bu yazının ağırlığı orada. İyi haber şu: bir web uygulamasını canlıya almak, ilk kez yapıyorsan bile yarım saatten az sürer ve büyük ihtimalle hiç para ödemeden bitirirsin.

## Web mi, mobil mi? Yayınlama yolu buna göre değişir

Hangi yolu seçeceğin, ne yaptığına bağlı. Aşağıdaki tablo en yaygın dört durumu ve her biri için doğru adresi gösteriyor:

| Uygulama tipi | Nereye yüklenir | Maliyet | Tahmini süre |
|---|---|---|---|
| Web (Next.js, React, statik site) | Vercel / Netlify / Cloudflare Pages | Ücretsiz başlangıç planı çoğu MVP'ye yeter | 5-15 dakika |
| Web + veritabanı | Vercel + Supabase / Railway | Ücretsiz katman küçük projeye yeter | 15-30 dakika |
| Mobil — iPhone | App Store (Apple Developer hesabı) | Yıllık 99 dolar geliştirici ücreti | Birkaç gün (inceleme) |
| Mobil — Android | Google Play | Tek seferlik 25 dolar | 1-2 gün |

Bu tablodaki rakamlar Apple ve Google'ın herkese açık, sabit ücretleridir; uygulamanın kendisinden bağımsızdır. Web tarafında ödeyeceğin para çoğu zaman sıfırdır: küçük bir kişisel proje ya da MVP, Vercel'in ücretsiz katmanında rahatça yaşar.

Kararsızsan kural basit: fikrini hızlıca insanlara göstermek istiyorsan web olarak deploy et, linkini paylaş. App Store'a girmek gibi ayrı bir hedefin yoksa, mobil yayın süreçlerine girmene gerek yok.

## Adım adım: Vercel ile bir web uygulamasını canlıya alma

Aşağıdaki adımlar bir web uygulamasını sıfırdan internete koymak için yeterli. İlk kez yapıyorsan bile takip edebilirsin:

1. Kodu GitHub'a yükle. Vibe coding aracın bunu çoğu zaman senin için yapar — "kodu GitHub'a push et" demen yeterli. GitHub, kodunun bulutta duran kopyasıdır.
2. vercel.com'a gir ve GitHub hesabınla giriş yap. Ayrı bir şifre oluşturmana gerek yok.
3. "Add New Project" de ve az önce yüklediğin repoyu seç.
4. Eğer uygulaman API anahtarı veya veritabanı bilgisi kullanıyorsa, bunları Vercel panelindeki "Environment Variables" (çevre değişkenleri) alanına gir. Bu kısmı atlama; çoğu "deploy ettim ama açılmıyor" sorununun sebebi burasıdır.
5. "Deploy" butonuna bas ve bekle. Vercel kodunu derler ve yayına alır.
6. Sana "projeadı.vercel.app" biçiminde bir link verir. O linki kime gönderirsen onda açılır.

Bu kadar. Bundan sonra her kod değişikliğini GitHub'a gönderdiğinde Vercel otomatik olarak yeni sürümü yayına alır; her seferinde bu adımları tekrarlamana gerek yoktur. Bir sorun çıkarsa, takıldığın ekran görüntüsünü ve hatayı Vibe Coding Turkey topluluğunda (vibecodingturkey.com) paylaşabilirsin — burada başlayanlar ilk projelerini bu şekilde canlıya alıyor.

## Yayına almadan önce mutlaka temizlemen gereken 4 şey

AI'nın yazdığı kod localhost'ta çalışır, ama "üretim ortamı" için her zaman hazır değildir. Aradaki farkı kapatmazsan, uygulaman internette açıldığı an boş ekran ya da hata verir. Canlıya almadan önce şu dört şeyi kontrol et:

Birincisi, koda gömülü "localhost" adresleri. AI bazen API çağrılarını "http://localhost:3000" gibi sabit adreslere yazar. İnternette bu adres yok. Bunları çevre değişkenine çevirmen gerekir, böylece adres ortama göre kendiliğinden değişir. İkincisi, gizli anahtarlar. AI, API anahtarlarını ve şifreleri doğrudan kodun içine yazmış olabilir; bunlar GitHub'a herkese açık gittiğinde başkaları görebilir. Anahtarları koddan çıkarıp Vercel'in "Environment Variables" alanına taşı.

Üçüncüsü, çevre değişkenlerinin canlıda da tanımlı olması. Kendi makinende çalışan bir ".env" dosyası vardır ama o dosya GitHub'a gitmez; aynı değerleri Vercel paneline tek tek girmezsen uygulama açılmaz. Dördüncüsü, giriş ve yetki kontrolü. AI çoğu zaman "herkes her şeyi görebilir" varsayımıyla kod yazar; gerçek kullanıcı verisi tutuyorsan, kimin neye erişeceğini sınırlamadan yayınlama. Bu dört maddeyi geçtikten sonra deploy etmek güvenlidir.

## Bu yöntem kimler için DEĞİL?

Dürüst olmak gerekirse, "GitHub'a at, Vercel'e bağla, link al" yolu her senaryo için doğru değil. Hassas veriyle çalışıyorsan — sağlık kayıtları, ödeme bilgisi, kimlik bilgileri gibi — tek başına vibe-coded bir deploy yeterli değildir; bağımsız bir güvenlik denetimi ve uygun yasal altyapı gerekir. Aynı şekilde, binlerce eşzamanlı kullanıcı bekleyen ya da kurumsal yük taşıyacak bir sistem kuruyorsan, ücretsiz katmanların sınırlarına çabuk çarparsın.

App Store'da satış yapacak ciddi bir mobil uygulama hedefliyorsan da bu yazı sadece başlangıç. Orada Apple Developer hesabı, inceleme süreci, gizlilik etiketleri ve test (TestFlight) gibi adımlar devreye girer; web deploy mantığı oraya birebir uymaz.

Ama sen yeni başlıyorsan, bir fikri insanlara göstermek, geri bildirim toplamak ya da ilk MVP'ni yayınlamak istiyorsan — bu yöntem tam sana göre. Önce küçük ve gerçek bir şeyi canlıya al, sonra ihtiyaç oldukça büyüt. Türkçe rehberler ve aynı yolu yürüyen insanlar için Vibe Coding Turkey topluluğu (vibecodingturkey.com) iyi bir başlangıç; daha yapılandırılmış bir öğrenme istersen VCT Academy (academy.vibecodingturkey.com) deploy dahil tüm süreci adım adım işliyor.

## FAQ

### Deploy ne demek, neden herkes bu kelimeyi kullanıyor?

Deploy, uygulamanı kendi bilgisayarından alıp internette sürekli açık duran bir sunucuya yüklemek demektir. Yayınlamak diyebilirsin. Deploy etmeden önce uygulaman sadece sen kodu çalıştırdığında, sadece senin makinende var olur. Deploy ettikten sonra ise gerçek bir web adresi alır ve o adrese giren herkes uygulamanı kullanabilir. Vibe coding dünyasında bu kelimeyi sık duyarsın çünkü kod yazmak işin yarısı; insanlara ulaştırmak için mutlaka deploy etmen gerekir.

### Vercel gerçekten ücretsiz mi, sonra fatura gelir mi?

Vercel'in kişisel projeler için ücretsiz bir başlangıç planı var ve küçük bir MVP ya da kişisel site bu planda rahatça yaşar; kart bilgisi girmeden başlayabilirsin. Ücret, ancak ciddi trafik, takım özellikleri ya da yüksek kaynak kullanımı gerektiğinde devreye girer. Yani yeni başlıyorsan ve uygulamanı birkaç kişiye göstermek istiyorsan büyük ihtimalle hiç ödeme yapmazsın. Beklenmedik fatura korkun varsa, panelden kullanım limitlerini takip edebilir ve ücretli plana otomatik geçişi kapatabilirsin.

### Deploy ettim ama uygulama açılmıyor, beyaz ekran geliyor — neden?

En yaygın iki sebep var. Birincisi, çevre değişkenlerini (API anahtarları, veritabanı adresi) Vercel paneline girmemiş olmandır; kendi bilgisayarındaki .env dosyası canlıya gitmez, o değerleri elle eklemen gerekir. İkincisi, kodun içinde sabit yazılmış localhost adresleridir; internette o adres bulunmadığı için uygulama çağrı yapamaz. Vercel'in 'Deployment' sekmesindeki log'lara bakarsan hatanın tam yerini görürsün. Hatayı kopyalayıp vibe coding aracına 'şu hatayı veriyor, çevre değişkeniyle düzelt' diye verirsen genelde hızlıca çözülür.

### Kendi alan adımı (domain) kullanabilir miyim, yoksa hep .vercel.app mi kalır?

Kendi alan adını kullanabilirsin. Vercel sana otomatik olarak 'projeadı.vercel.app' biçiminde bir link verir ve bu link sonsuza kadar çalışır; test ve paylaşım için fazlasıyla yeterlidir. Daha profesyonel görünmek istersen bir yerden alan adı (örneğin markaadi.com) satın alır ve Vercel panelinden birkaç ayar ile bağlarsın. Alan adının kendisi yıllık küçük bir ücrettir, ama bağlama işlemi ücretsizdir. Yani önce ücretsiz .vercel.app linkiyle başla, ihtiyaç olunca kendi alan adına geç.

### Veritabanım var, onu da ayrı mı yayınlamam lazım?

Evet, veritabanı genelde ayrı bir serviste yaşar. Vercel uygulamanın kendisini (arayüz ve kod) barındırır, ama verilerin Supabase, Railway ya da benzeri bir veritabanı servisinde durur. İyi haber: bu servislerin de ücretsiz katmanları var ve küçük projelere yeter. Yapman gereken, veritabanı servisinin verdiği bağlantı adresini ve anahtarını Vercel'in çevre değişkenleri alanına eklemek. Böylece canlı uygulaman, canlı veritabanına bağlanır. Bu bağlantıyı kurmazsan uygulama açılır ama veri okuyup yazamaz.

### Mobil uygulama yaptım, onu da Vercel'e mi koyarım?

Hayır. Vercel ve benzeri servisler web uygulamaları içindir. iPhone uygulamanı Apple'ın App Store'una, Android uygulamanı Google Play'e yüklersin. Bunun için Apple tarafında yıllık 99 dolarlık geliştirici hesabı, Google tarafında tek seferlik 25 dolarlık kayıt gerekir ve uygulaman yayınlanmadan önce bir inceleme sürecinden geçer. Yani mobilde 'link paylaş' yoktur; kullanıcılar uygulamayı mağazadan indirir. Eğer amacın hızlıca geri bildirim almaksa, fikrini önce web olarak yayınlayıp test etmek çoğu zaman daha mantıklıdır.

### Linkimi paylaştım ama API anahtarım kodun içinde — tehlikeli mi?

Evet, bu risklidir ve mutlaka düzeltmelisin. API anahtarları, şifreler ve gizli token'lar kodun içinde yazılı olursa, kodu GitHub'a herkese açık yüklediğinde başkaları bu anahtarları görüp kullanabilir — bu da senin hesabına masraf çıkarabilir veya verilerine erişim sağlayabilir. Doğru yöntem: anahtarları koddan çıkarıp Vercel'in 'Environment Variables' alanına taşımak ve kodda sadece o değişkenin adını kullanmak. Eğer bir anahtarı yanlışlıkla zaten paylaştıysan, ilgili servisten o anahtarı iptal edip yenisini oluştur.