Kendi Web Sitenizi Ücretsiz Yayınlama: GitHub Pages ile Statik Site Barındırma

GitHub Pages, HTML, CSS ve JavaScript ile hazırlanmış statik web sitelerini doğrudan bir GitHub deposundan ücretsiz yayınlamanızı sağlayan bir barındırma hizmetidir; ücretsiz HTTPS ve özel alan adı desteği de sunar. Portföy, blog, dokümantasyon veya basit bir tanıtım sitesi yayınlamak için hosting ücreti ödemenize gerek yok. Bu rehberde bir depo oluşturmaktan siteyi canlıya almaya, özel alan adı bağlamaya kadar süreci adım adım anlatacağız.

GitHub Pages nedir?

GitHub Pages, GitHub'ın sunduğu ücretsiz bir statik site barındırma hizmetidir. Bir depoya (repository) yüklediğiniz HTML, CSS ve JavaScript dosyalarını alıp herkese açık bir web sitesi olarak yayınlar. Sunucu yönetimi, aylık ücret veya hosting faturası yoktur. Değişikliklerinizi depoya gönderdiğinizde site otomatik güncellenir.

Avantajları ve sınırları

• Ücretsiz: Aylık ücret veya kullanım bedeli yok.
• Ücretsiz HTTPS: SSL sertifikası otomatik gelir, site güvenli çalışır.
• Özel alan adı: Kendi alan adınızı ek ücret olmadan bağlayabilirsiniz.
• Sürüm kontrolü: Git ile değişiklikleri takip eder, geri alabilirsiniz.
• Otomatik yayın: Değişiklik gönderdiğinizde site kendiliğinden güncellenir.

Önemli sınır: GitHub Pages yalnızca statik içerik barındırır. PHP, Python gibi sunucu tarafı kod ya da veritabanı çalıştıramaz. Ücretsiz planda kaynak kodun herkese açık depoda olması gerekir. Depo boyutu ve aylık bant genişliğinde de makul kullanım sınırları vardır.

Adım adım site yayınlama

1. GitHub hesabınıza giriş yapın; yoksa ücretsiz bir hesap oluşturup e-postanızı doğrulayın.
2. Sağ üstteki artı (+) simgesinden Yeni depo (New repository) oluşturun. Kişisel site için depo adını tam olarak kullaniciadi.github.io koyun.
3. Depoyu Herkese Açık (Public) seçin.
4. HTML, CSS ve JS dosyalarınızı depoya yükleyin. Ana sayfa dosyanızın adı mutlaka index.html olmalı ve kök dizinde bulunmalı.
5. Deponun Settings (Ayarlar) sekmesine girin ve Pages bölümünü bulun.
6. Yayın kaynağı olarak doğru dalı (genelde main) seçip kaydedin.
7. Birkaç dakika içinde siteniz https://kullaniciadi.github.io adresinde canlı olur.

Kullanıcı sitesi ile proje sitesi farkı

İki tür site vardır. Kullanıcı sitesi için depo adı tam olarak kullaniciadi.github.io olmalı ve site https://kullaniciadi.github.io adresinde yayınlanır; her hesap için bir tane olur. Proje sitesi ise herhangi bir isimde depo olabilir ve https://kullaniciadi.github.io/depo-adi adresinde yayınlanır; istediğiniz kadar proje sitesi oluşturabilirsiniz.

Özel alan adı nasıl bağlanır?

Kendi alan adınız varsa (örneğin siteniz.com) ücretsiz bağlayabilirsiniz:

1. Deponun Pages ayarlarındaki Custom domain (Özel alan adı) bölümüne alan adınızı yazıp kaydedin. Bu, depoya bir CNAME dosyası ekler.
2. Alan adı sağlayıcınızın DNS ayarlarına gidin.
3. www alt alan adı için, CNAME kaydını kullaniciadi.github.io adresine yönlendirin.
4. Kök (apex) alan adı için, GitHub Pages IP adreslerine A kayıtları ekleyin.
5. DNS yayılımını bekleyin (birkaç dakikadan 24 saate kadar sürebilir).
6. Ardından Pages ayarlarından Enforce HTTPS (HTTPS zorunlu kıl) seçeneğini işaretleyin.

Güvenlik notu: Özel alan adını önce GitHub tarafında ekleyin, sonra DNS ayarını yapın; ters sırada başkasının alt alan adınızda site barındırma riski oluşabilir.

Saha Notu: Ücretsiz barındırmayı ne zaman tercih ediyorum?

Birden çok web projesini yöneten biri olarak GitHub Pages'i belirli işler için sık kullanıyorum ve size dürüst gözlemimi aktarayım: statik siteler için mükemmel, ama sınırlarını bilmek şart. Bir portföy, dokümantasyon sayfası ya da basit bir tanıtım sitesi yayınlayacaksam GitHub Pages ilk tercihim; sunucu derdi yok, HTTPS hazır ve Git ile her değişikliği geri alabiliyorum. Ama bir sitede giriş sistemi, form işleme veya veritabanı gerekiyorsa GitHub Pages yetmiyor; çünkü PHP gibi sunucu tarafı kod çalıştıramıyor. Böyle durumlarda ya bir VPS'e geçiyorum ya da form için sunucusuz (serverless) bir servis ekliyorum. En sık yaşanan sorun ise özel alan adı bağlarken DNS ayarları; yayılım 24 saati bulabildiği için insanlar site açılmadı diye paniğe kapılıyor, oysa sadece beklemek gerekiyor. Bir pratik ipucu: ana sayfa dosyanızı mutlaka index.html adıyla ve kök dizinde tutun; en sık gördüğüm 404 hatası bundan kaynaklanıyor.

Sık Sorulan Sorular

GitHub Pages gerçekten ücretsiz mi?

Evet, statik siteler için tamamen ücretsizdir ve ücretsiz HTTPS ile özel alan adı desteği sunar. Ücretsiz planda kaynak kodun herkese açık depoda olması gerekir. Depo boyutu ve aylık bant genişliğinde makul kullanım sınırları vardır ama kişisel projeler için fazlasıyla yeterlidir.

PHP veya veritabanı kullanabilir miyim?

Hayır. GitHub Pages yalnızca statik içerik (HTML, CSS, JavaScript) barındırır; PHP, Python gibi sunucu tarafı kod veya veritabanı çalıştıramaz. Dinamik özellikler için sunucusuz servisler veya farklı bir hosting kullanmanız gerekir.

Sitem neden 404 hatası veriyor?

En sık neden, kök dizinde index.html dosyasının olmamasıdır. Ayrıca kullanıcı sitesi için depo adının tam olarak kullaniciadi.github.io olduğundan ve Pages ayarlarında doğru dalın seçildiğinden emin olun. Yayın birkaç dakika sürebilir, biraz sabırlı olun.

Değişikliklerim ne kadar sürede yayınlanır?

Depoya değişiklik gönderdiğinizde GitHub Pages siteyi otomatik yeniden oluşturur; bu genelde birkaç dakika sürer. Özel alan adı bağladıysanız DNS değişiklikleri 24 saate kadar yayılabilir.

Kaç tane site oluşturabilirim?

Her hesap için bir kullanıcı sitesi (kullaniciadi.github.io) oluşturabilirsiniz. Buna ek olarak istediğiniz kadar proje sitesi oluşturabilirsiniz; her yeni depo ayrı bir proje sitesi olarak yayınlanabilir.

Özet

GitHub Pages, statik web sitelerini ücretsiz yayınlamanın en pratik yollarından biridir. Bir depo oluşturup dosyalarınızı yükleyin, Pages ayarlarından yayını açın ve siteniz dakikalar içinde canlıya çıksın. Ücretsiz HTTPS ve özel alan adı desteğiyle profesyonel bir görünüm elde edersiniz. En önemli sınır, yalnızca statik içerik barındırmasıdır; dinamik özellikler için farklı çözümler gerekir. Portföy, blog veya basit siteler için ise zahmetsiz ve güvenilir bir seçenektir.