Projeni ücretsiz yayına almak: GitHub Pages, Vercel, Netlify ve Render'dan hangisi?

Portföyündeki bir projenin yanında "canlı demo" bağlantısı olması, o projeyi gerçekten bitirdiğini gösteren en kısa kanıttır. Kodunu GitHub'a koymak ilk adım; projeyi internette herkesin açabileceği bir adrese koymak ikincisi. Bunun için para ödemen gerekmiyor. Ama hangi servisin hangi projeye uygun olduğunu bilmek gerekiyor. Bu yazı bir serinin ilki: burada servisleri ve ne zaman hangisini seçeceğini anlatıyoruz, sonraki yazılarda her birini adım adım kuracağız.

Önce projenin türünü belirle

Hangi servisi seçeceğin, projenin ne olduğuna bağlı:

• Statik site: Yalnızca HTML, CSS ve tarayıcıda çalışan JavaScript. Kişisel site, portföy, proje tanıtım sayfası, React ya da Vue ile yazılıp derlenmiş bir arayüz.
• Sunucu tarafı render eden bir frontend: Next.js, Nuxt, SvelteKit gibi framework'lerle yazılmış, sunucuda da kod çalıştıran siteler.
• Backend: Sürekli çalışan bir sunucu. Express, Spring Boot, Django, FastAPI ile yazdığın bir API, bir Discord botu.
• Veritabanı: Backend'in veri sakladığı yer.

Statik bir site için neredeyse her servis yeterli. İş backend ve veritabanına gelince seçenekler daralıyor ve ücretsiz planların sınırları önem kazanıyor.

Dört servis, dört kullanım

GitHub Pages: statik siteler için en sade yol

Kodun zaten GitHub'daysa ek bir hesaba gerek yok. Depodaki statik dosyaları kullaniciadin.github.io adresinde yayınlıyor. Kişisel site, portföy ve proje belgeleri için ideal.

• Ne zaman: Sunucu tarafında kod çalıştırmayan her proje.
• Sınırlar: GitHub'a göre yayınlanan site en fazla 1 GB olabiliyor, ayda 100 GB'lık esnek bir trafik sınırı ve saatte 10 derlemelik esnek bir derleme sınırı var. Ticari bir işi çalıştırmak için kullanılması da kurallara aykırı.
• Yapamadığı: Backend, veritabanı, sunucu tarafı render.

Vercel: Next.js ve modern frontend'ler için

Next.js'i geliştiren şirketin platformu. Bir GitHub deposunu bağladığında framework'ü kendisi tanıyor, her push'ta yeniden yayınlıyor ve her pull request için ayrı bir önizleme adresi açıyor.

• Ne zaman: Next.js, SvelteKit, Nuxt gibi framework'lerle yazılmış siteler; küçük API uçları (serverless fonksiyonlar).
• Sınırlar: Ücretsiz Hobby planı yalnızca kişisel ve ticari olmayan kullanım için. Ayda 100 GB veri aktarımı ve 1 milyon fonksiyon çağrısı gibi sınırları var; aşınca planı yükseltmeden 30 gün beklemen gerekebiliyor.
• Dikkat: Sürekli açık kalması gereken bir backend (WebSocket sunucusu, bot) için uygun değil.

Netlify: statik siteler ve formlar için

Vercel'e benzer biçimde depoyu bağlayıp her push'ta yayınlıyor. Statik siteler ve Jamstack projeleri için yaygın bir seçenek; form gönderimlerini toplamak gibi küçük ama işe yarayan özellikleri var.

• Ne zaman: Statik siteler, belge siteleri, Astro ya da Hugo gibi araçlarla üretilen projeler.
• Sınırlar: Ücretsiz plan ayda 300 kredi ile çalışıyor ve krediler bitince ek satın alınamıyor. Netlify'ın fiyat belgesine göre bir üretim yayını 15 kredi, 1 GB trafik 20 kredi tutuyor. Yani ayda kabaca 20 yayın ya da 15 GB trafik. Sık yayın yapan bir projede bu hızlı tükenebilir; deploy önizlemeleri ise sayılmıyor.

Render: backend ve veritabanı için

Sürekli çalışan sunucular için tasarlanmış. Bir depoyu bağlayıp derleme ve başlatma komutunu verdiğinde Node.js, Python, Go ya da Docker ile yazılmış bir backend'i yayınlıyor. Ücretsiz bir PostgreSQL veritabanı da sunuyor.

• Ne zaman: API'ler, botlar, Docker ile paketlenmiş uygulamalar.
• Sınırlar: Render'ın belgesine göre ücretsiz web servisi 15 dakika istek almazsa uykuya geçiyor ve bir sonraki istekte açılması yaklaşık bir dakika sürüyor. Ücretsiz PostgreSQL 1 GB ve oluşturulduktan 30 gün sonra süresi doluyor; 14 günlük ek sürenin sonunda siliniyor.
• Dikkat: Bu sınırlar bir demo için kabul edilebilir, gerçek kullanıcısı olan bir uygulama için değil. Portföyünde "ilk açılış biraz sürebilir" notu düşmek iyi bir fikir.

Hangi proje için hangisi?

• Kişisel site, portföy, statik proje: GitHub Pages. Daha fazla özellik istersen Netlify ya da Vercel.
• Next.js uygulaması: Vercel.
• React arayüzü + ayrı bir API: Arayüz Vercel ya da Netlify'da, API Render'da.
• Veritabanlı tam bir uygulama: Backend ve veritabanı Render'da. Veritabanının 30 günlük sınırını unutma ya da veritabanını ayrı bir servisin ücretsiz planında tut.

Hepsinde ortak olanlar

• Git ile otomatik yayın: Depoyu bir kez bağlıyorsun; sonrasında her push yeni sürümü yayına alıyor.
• Ortam değişkenleri: API anahtarlarını ve veritabanı şifrelerini koda değil, servisin panelindeki ortam değişkenlerine yaz.
• Kendi alan adın: Hepsinde kendi alan adını bağlayabiliyorsun. Öğrenciysen GitHub Student Developer Pack'teki ücretsiz alan adı tekliflerine bak.
• Sınırlar değişir: Ücretsiz planların kuralları zaman zaman değişiyor. Bu yazıdaki rakamlar Ekim 2026 itibarıyla resmî belgelerden alındı; karar vermeden önce bağlantılardan güncelini kontrol et.

Serinin devamı

Sonraki yazılarda her servisi tek tek, sıfırdan yayına kadar anlatacağız: GitHub Pages ile ilk siten, Vercel'e bir Next.js projesi, Netlify'a statik bir site ve Render'a veritabanlı bir API.

Projeni yayına alırken takıldığın bir yer olursa re:make her pazar 15.00'te Buca'da buluşuyor; bilgisayarını getir, birlikte yayına alalım. Üye olmadan da gelebilirsin. Yeri ve saati burada.