GeoKodLama

Harita Mühendisliği ile Yazılımın Buluştuğu Nokta!

Sunucu Kiralamadan, Hosting Almadan Web Sitesi Kurmak

Cloudflare Pages + GitHub ile Sıfırdan, Gerçek Deneyim Rehberi

Web sitesi kurmak denildiğinde hâlâ çoğu kişinin aklına aynı zincir geliyor:
hosting satın almak, FTP ayarlamak, SSL almak, sunucu çöker mi diye düşünmek…

Özellikle harita mühendisleri, CBS uzmanları ve WebGIS ile ilgilenen teknik kullanıcılar, bu eski alışkanlıklar yüzünden web tarafını gereksiz yere karmaşık ve pahalı zannediyor.

Oysa bugün, bu yazıda anlatacağım yöntemle:

  • Sunucu kiralamadan
  • Hosting ücreti ödemeden
  • SSL satın almadan
  • Tek satır sunucu ayarı yapmadan

kendi alan adıyla, HTTPS zorunlu, profesyonel bir web sitesini yayına alabilirsin.

Bu yazı bir “özet” değil.
Bu yazı, hiçbir şey bilmeyen birinin bile ekranda ne göreceğini önceden bilerek ilerlemesini sağlayan gerçek bir rehberdir.

Bu Yazıyı Kimler Okumalı?

Bu yazı özellikle şunlar için yazıldı:

  • Harita mühendisleri
  • CBS uzmanları
  • WebGIS projeleri geliştirenler
  • Teknik blog açmak isteyenler
  • Firma / proje tanıtım sitesi ihtiyacı olanlar

Eğer siten:

  • HTML / CSS / JavaScript temelli olacaksa
  • WordPress zorunluluğun yoksa

bu yöntem fazlasıyla yeterlidir.

Başlamadan Önce: “Web Sitesi” Aslında Nedir?

En temel noktadan başlayalım.

Bir web sitesi, teknik olarak şunlardan oluşur:

  • index.html → ana sayfa
  • style.css → tasarım
  • script.js → etkileşim

Hosting dediğimiz şey, bu dosyaları internette bir yere koymaktır.

Bu yazıda:

Bu dosyaları Cloudflare Pages yayınlayacak.
Dosyaların kendisi ise GitHub’da duracak.

GitHub Nedir? Repository Ne Demek?

GitHub nedir?

GitHub, internet üzerinde dosyalarını saklayabildiğin bir platformdur.

Bilgisayarındaki bir klasörü düşün:

  • İçinde dosyalar var
  • İstediğin zaman açıp düzenliyorsun

GitHub da bunun internetteki halidir.

Repository (Repo) nedir?

Repository, GitHub’daki ana klasördür.

Bir web sitesi için:

  • Tüm dosyalar (HTML, CSS, JS)
  • Tek bir repository içinde durur

Örneğin:

site/
 ├── index.html
 ├── style.css
 └── script.js

Bu klasörün tamamına repository denir.

GitHub Hesabı Açma (Sıfırdan)

  1. Tarayıcıdan GitHub’a gir
  2. Sign up (Kayıt ol) de
  3. E-posta, kullanıcı adı ve şifre belirle
  4. E-postana gelen onayı tamamla

Bu işlemlerden sonra GitHub ana sayfasına düşersin.

GitHub’da Yeni Repository Oluşturma (Adım Adım)

  1. GitHub’da sağ üstte + simgesine tıkla
  2. Açılan menüden New repository seç

Karşına bir form gelir:

Repository name

  • Örnek: site
  • İstediğin bir isim olabilir

Public / Private

  • Public seç (başlangıç için en sorunsuz)

Initialize this repository with:

  • İstersen Add a README file işaretleyebilirsin (zorunlu değil)

Sonra:
👉 Create repository

Artık boş bir repository’n var.

Repository İçine index.html Ekleme (Çok Önemli)

Şimdi sitenin ana dosyasını ekleyeceğiz.

Repository sayfasında:

  • Add file → Create new file

Dosya adı:

index.html

Altındaki büyük alana şu test kodunu yazabilirsin:

<!doctype html>
<html lang="tr">
<head>
  <meta charset="utf-8">
  <title>Site Yayında</title>
</head>
<body>
  <h1>Merhaba! Sitem yayında.</h1>
  <p>Bu site Cloudflare Pages ile yayınlanıyor.</p>
</body>
</html>

Sayfanın altında:
👉 Commit changes

⚠️ Kritik nokta:
index.html repository’nin ana dizininde olmalı.
Alt klasör içinde olursa site açılmayabilir.

Cloudflare Nedir, Neden Kullanıyoruz?

Cloudflare:

  • DNS yönetir (alan adın nereye gitsin?)
  • SSL / HTTPS sağlar
  • Cloudflare Pages ile siteni yayınlar

Yani:

Web sitenin altyapısını yöneten sistem Cloudflare’dır.

Cloudflare’a Alan Adı (Domain) Ekleme

  1. Cloudflare hesabı oluştur
  2. Add a Site de
  3. Alan adını yaz (örnek: geokodlama.com)
  4. Plan sorarsa Free seç

Cloudflare sana nameserver adresleri verir.

Bu adresleri:

  • Alan adını aldığın firmanın paneline girip
  • Domain ayarlarında nameserver kısmına girmen gerekir

Bu işlemden sonra Cloudflare domaini yönetmeye başlar.

Cloudflare Pages Ekranına Gitme

Cloudflare panelde:

  • Workers & Pages bölümüne gir

İlk girişte:

“No projects found”

yazması normaldir.

Sağ üstte:
👉 Create application

Pages Projesi Oluşturma

“Create application” sonrası gelen ekranda:

👉 Continue with GitHub seç

Cloudflare senden GitHub erişimi ister.

  • Only select repositories seç
  • Az önce oluşturduğun repository’yi işaretle
  • Install & Authorize

Build Ayarları (En Çok Karışan Yer)

Şimdi “Set up builds and deployments” ekranı gelir.

Burada:

  • Framework preset → None
  • Build command → boş
  • Build output directory → dokunma

⚠️ Bu alanda bazen sol tarafta / görürsün.
Bu klasör değil, kök dizini temsil eder.
Silinmemesi normaldir.

Sonra:
👉 Save and Deploy

“Success” Ama Site Açılmıyor mu?

Cloudflare:

“Success! Your project is deployed”

der ve sana pages.dev adresi verir.

Bu adreste:

  • Bir tarayıcıda açılıp
  • Diğerinde açılmaması
  • Telefonda açılıp bilgisayarda açılmaması

normaldir.

Sebep:

  • DNS cache
  • tarayıcı cache
  • CDN yayılım süresi

Bu yüzden panik yapma.

Kendi Alan Adını Pages’e Bağlama (En Sağlam Çözüm)

Pages projesinde:

  • Custom domains
  • Set up custom domain

Alan adını yaz.

Başta:

  • Verifying

Sonra:

  • Active

Bu noktada site stabil hale gelir.

HTTPS’yi Zorunlu Yapma

Cloudflare panelde:
SSL/TLS

  • Encryption mode → Full
  • Always Use HTTPS → ON
  • Automatic HTTPS Rewrites → ON

www Varsa Yönlendirme (SEO Dostu)

Cloudflare’da:
Rules → Page Rules

Yeni kural:

URL

www.geokodlama.com/*

Setting

  • Forwarding URL
  • 301 Permanent Redirect

Destination

https://geokodlama.com/$1

Kaydet ve deploy et.

Son Kontroller (Mutlaka Yap)

Aşağıdakilerin hepsi:

https://geokodlama.com

adresine gitmeli:

Sonuç

Bu yazıyı okuyarak:

  • Sunucu kiralamadan
  • Hosting almadan
  • SSL satın almadan

kurumsal seviyede bir web sitesi kurmuş oldun.

Bu yöntem:

  • WebGIS tanıtım siteleri
  • CBS projeleri
  • Teknik bloglar
    için son derece uygundur.

Kapanış

Bugün bu yazıyı okuyup bir tanıtım sitesi kurdun.
Yarın aynı altyapının üstüne:

  • dokümantasyon
  • harita uygulamaları
  • servis entegrasyonları
    eklemek çok daha kolay olacak.

Artık “web tarafı” gözünde büyümesin.