Cloudflare ve GitHub Pages ile Web Sitesi Kurmak

GitHub Pages güzel.
Cloudflare daha da güzel.
İkisi bir araya gelince… bedava hız, güvenlik ve karizma.

Ön Koşullar

Hazır mısın? Önce şu malzemeleri çıkaralım:

  • Bir GitHub hesabı (kullanıcıadı.github.io gibi bir repo)
  • Bir alan adı (örnek: domaininiz.com) – domain krallarından biri: Namecheap veya Google Domains olur.
  • Bir bardak çay (çünkü neden olmasın)
  • Cloudflare hesabı (Ücretsiz plan işimizi görür)

Adım Adım Kurulum

GitHub Pages Projen Hazır mı?

https://github.com/kullaniciadi/kullaniciadi.github.io
  • Ana sayfa index.html olacak.
  • GitHub > Settings > Pages altında
    • Source: main (veya master)
    • Custom Domain: www.domaininiz.com gibi

Bonus: “Enforce HTTPS” kutucuğunu da işaretle (ileri seviye gıcıklıklardan korur).

Cloudflare’a Domaini Ekle

  1. https://dash.cloudflare.com → “Add a Site” de.
  2. Alan adını yaz: domaininiz.com
  3. DNS kayıtlarını otomatik tarayacak → geç
  4. Nameserver’larını Cloudflare’ın verdiğiyle değiştir.

NOT: Bu adım biraz gecikmeli olabilir (10 dk ile 1 saat arası). Çay iç.

DNS Kayıtlarını Ayarla

Şimdi DNS kısmına geç. DNS sekmesine gel.

TipNameContentProxy
CNAMEwwwkullaniciadi.github.io(Proxied)
CNAME@kullaniciadi.github.io(Proxied)

DİKKAT: A kaydı kullanma! GitHub IP vermez. Bize CNAME yeter.

SSL/TLS Ayarları

SSL/TLS > Overview sekmesine git ve şunu seç:

Full veya Full (Strict)
Flexible seçersen:

“SSL_ERROR_NO_CYPHER_OVERLAP” tokadını yersin.

Açıklama: Flexible, HTTPS istemeyen sunucular içindir. GitHub HTTPS istiyor, o yüzden olmaz.

Universal SSL Açık mı?

Universal SSL’i Devre Dışı Bırak

SSL/TLS > Edge Certificates altında:

  1. Aşağı kay
  2. Disable Universal SSL tıkla

Bu sayede GitHub “sertifikam hazır abi” der.

GitHub Pages Ayarlarını Son Kez Kontrol Et

Settings > Pages kısmında:

  • Domain: www.domaininiz.com
  • “Enforce HTTPS” aktif

GitHub bu domaini tanımalı. Gerekirse proje dizinine bir CNAME dosyası ekle:

www.domaininiz.com

Not: GitHub bunu otomatik olarak yapıyor ** gerekirse ** kullan.

Yönlendirme (www → kök domain ya da tam tersi)

Diyorsan ki “Ben sadece domaininiz.com kullanmak istiyorum, www gitsin oraya yönlensin”:

Rules > Redirect Rules > Create Rule

AyarDeğer
If hostnamewww.domaininiz.com
Then redirect tohttps://domaininiz.com
Status Code301

Oldu bu iş!

Test Et

Tarayıcını aç, gizli sekme aç:

https://www.domaininiz.com

Açılıyorsa: süpersin
Açılmıyorsa: bir şeyleri kaçırdık, ama üzülme birlikte düzeltiriz.

Bonus: Neden Cloudflare?

  • Hız: CDN üzerinden dağıtım
  • Güvenlik: DDoS koruması
  • Yönlendirme, cache, firewall gibi oyuncaklar
  • Ücretsiz! (Favori fiyatımız)

Kapanış

Tebrikler, artık senin de bir SSL’li, domain’li, GitHub Pages üzerinden çalışan bir siten var.

Bedavaya profesyonel görünüyorsun.

Katkıda Bulunanlar

  • Çay

GitHub: https://github.com/xmtaha

Sorular mı var? İletişim kısmına bir göz at, mail at, dumanla haber ver.