Website

Cloudflare ile Siteyi Yayına Alma Notları

Haziran 13, 2026

Localdeki web siteyi geliştirdikten sonra yayınlamak için veya başka bir bilgisayara taşımak için ihtiyacınız olacak GitHub ve Cloudflare süreçlerini, muhtemel hatalarıyla ve oturum yenileme işlemlerini detaylıca açıklar.

Github + Cloudflare Logo

GitHub ile Siteyi Yayınlama Adımları

Projeye yeni bir özellik eklediğinizde veya bir hatayı düzelttiğinizde bu işlemleri yaparsınız.

1. Kodları GitHub'a Göndermek (Ana Siteyi Güncellemek)

Projenin ana dizininde (c:\leertr\proje-Klasoru) sırasıyla:

git add .
git commit -m "Buraya ne değişiklik yaptığınızı yazın (Örn: Navbar düzeltildi)"
git push

2. Backend / SaaS Panelini Güncellemek 

Yönetim paneli Cloudflare Workers üzerinde çalışır ve GitHub'dan bağımsız olarak yerel bilgisayarınızdan güncellenir.

  1. VS Code veya PowerShell'i Yönetici Olarak (Run as Administrator) açın. (Eğer yönetici açmazsanız Windows symlink hatası verir!)
  2. Terminalde panel klasörüne girin:
cd c:\leertr\proje-klasoru\
  1. Güncellemeyi buluta gönderin:
npm run deploy

CLOUDFLARE OTURUM (LOGİN) İŞLEMLERİ 

Cloudflare güvenlik amacıyla terminal oturumunuzu (Wrangler token) belirli aralıklarla düşürebilir (süresi dolabilir) veya farklı bir hesaba geçmek isteyebilirsiniz.

Durum A: "npm run deploy" Hata Verirse veya "Login Olun" Derse

Eğer deploy komutu çalışmazsa veya Cloudflare sizden tekrar giriş yapmanızı isterse:

  1. Önce eski oturumu temizleyip çıkış yapın (garanti yöntem):
npx wrangler logout
  1. Yeni bir giriş başlatın:
npx wrangler login
  1. Bu komut tarayıcınızı açacaktır. Çıkan ekranda Cloudflare hesabınıza giriş yapın.
  2. Karşınıza "Wrangler detected the following AI coding agents..." gibi bir soru gelirse terminalde Y yazıp Enter'a basın.
  3. Tarayıcıda "Allow" (İzin ver) butonuna tıkladıktan sonra terminale dönüp tekrar npm run deploy komutunu çalıştırabilirsiniz.

Durum B: Bilgisayar Değiştirdiğinizde / Yeni Kurulumda

Projeyi başka bir bilgisayara indirdiğinizde:

  1. Projeyi GitHub'dan çekin: git clone https://github.com/leertr/proje-klasoru
  2. Git kimliğinizi tanıtın:
    git config --global user.name "Adınız"
git config --global user.email "aq46sw@example.com"
  3. Panel klasöründe npm install ve npx wrangler login yaparak geliştirme ortamını hazırlayın.

ÇEVRE DEĞİŞKENLERİ (ENV) GÜNCELLEMESİ

Eğer Supabase şifreniz değişirse veya projeye yeni bir API (Örn: Google Maps API, Sentry DSN vb.) eklerseniz:

  1. Local (Yerel) İçin: proje-klasoru/.env.local dosyasını güncelleyin.
  2. Cloudflare (Canlı) İçin:
    • Cloudflare Paneline girin.
    • Workers & Pages -> proje-klasoru -> Settings -> Variables and Secrets yolunu izleyin.
    • Yeni şifreyi Type: Secret (gizli şifreler için) veya Type: Text (API URL'leri için) olarak ekleyin.
    • Ekledikten sonra Cloudflare'in yeni şifreleri alması için terminalden tekrar npm run deploy komutunu çalıştırın.

Öğreneceklerimiz
  •  Kodları yazma ve kayederme.
  •  Terminalden git add . ve git commit işlemlerini yapmak..
  •  git push diyerek Ana Siteyi güncelleme..
  •  Terminali Yönetici olarak açtım, proje-site içine girip npm run deploy diyerek Paneli güncelleme.
  •  (Eğer Cloudflare hata verirse) npx wrangler login ile tekrar giriş yap.

Yorum Gönder

0 Yorumlar