Bir prompt. Bir site.
Kişisel portföyün, verdiğin eğitimler veya yeni iş fikrin için bir siteye ihtiyacın var. Artık ilk taslağı çıkarmak için kod yazmayı öğrenmen gerekmiyor: ChatGPT ya da Claude’a ne istediğini anlatabilir, Cloudflare bağlantısıyla yayınlama işini de aynı sohbetten yürütebilirsin.
Buradaki hedef basit: önce tek sayfalık, çalışan bir tanıtım sitesi. Hesap açma ve bağlantı izinlerini sen tamamlarsın; tasarım, geliştirme ve düzeltmeleri doğal dille istersin. İlk sürümün hızı, istediğin özelliklere ve kullandığın hesabın sınırlarına bağlıdır.
Önce: “ücretsiz” olan tam olarak ne?
Cloudflare Workers Static Assets üzerinde HTML, CSS, JS ve görsel istekleri ücretsizdir. Sunucu kodu ve ek servislerin ayrı limitleri vardır.
Hosting koşulları ↗Claude Free bir özel bağlantıyı destekler; kullanım kotaları geçerlidir. ChatGPT’de özel MCP erişimi planına ve çalışma alanına bağlıdır; Free için garanti değildir.
Claude ↗ · ChatGPT ↗İlk deneme için workers.dev adresi yeterli. Kendi .com adresini satın almak ayrı bir masraftır; daha sonra bağlayabilirsin.
Adres seçenekleri ↗01 — Cloudflare hesabını aç
Cloudflare, sitenin internette erişilebilir olmasını sağlayan barındırma altyapısı. Önce ücretsiz hesap oluştur, istenirse e-posta doğrulamasını tamamla ve paneline giriş yap. Bu rehberde alan adı satın alman gerekmiyor.
02 — Bağlantılardan Cloudflare’ı ekle
Bağlantı (connector), yapay zekânın Cloudflare hesabındaki işlemleri yapabilmesini sağlar. Sadece sohbet penceresine “Cloudflare kullan” yazmak hesabına erişim vermez. Önce bağlantıyı kur, sonra aynı sohbette etkinleştir.
- Claude’da Customize → Connectors bölümünü aç.
- Dizinde Cloudflare varsa yeteneklerini kontrol ederek bağla. Yoksa + → Add custom connector seç.
- Adı Cloudflare API yap; aşağıdaki resmî sunucu adresini ekle.
- Cloudflare giriş ve izin ekranını tamamla. Sohbette + → Connectors üzerinden etkinleştir.
- ChatGPT’de Plugins / uygulama bağlantıları bölümünde Cloudflare’ı ara; varsa sunulan bağlantıyı kur.
- Özel bağlantı için hesabında Developer mode erişimi varsa Settings → Security and login yolundan aç.
- ChatGPT Plugins → + bölümünde aşağıdaki MCP adresiyle bağlantıyı oluştur; Cloudflare yetkilendirmesini tamamla.
- Yeni sohbette araç menüsünden bağlantıyı ekle. Bu seçenek yoksa erişimini kontrol et veya Claude yolunu kullan.
https://mcp.cloudflare.com/mcpMenü isimleri sürüme göre değişebilir. Cloudflare’ın OAuth ekranında kullanacağın hesabı ve gereken Workers izinlerini seç. Şifreni veya gizli anahtarını sohbete yazma.
İlk mesajın şu olabilir: “Cloudflare bağlantımı kontrol et; kullanacağımız hesabı ve site yayınlama yetkisini doğrula.” Bağlantı tamamlandıktan sonra aşağıdaki promptu gönder.
03 — Kısa promptu gönder, ilk taslağı al
İyi bir prompt; kim olduğunu, ne sunduğunu, istediğin tasarım dilini ve yayınlama hedefini söyler. Aşağıdaki şablonu kopyala, köşeli parantezli alanları kendi bilgilerinle doldur ve gönder. Nasıl doldurabileceğini görmek için hemen altındaki örneğe bak.
Sen profesyonel bir web sitesi geliştiricisisin. [Adım / markam] için profesyonel, bol animasyonlu, mobil uyumlu, SEO ve GEO odaklı bir web sitesi yap. Hakkımda: [Kısaca kendini tanıt]. Hizmetlerim: [Hizmetlerini yaz]. İletişim: [E-posta / sosyal medya]. Hakkında, hizmetler ve iletişim bölümleri ekle. Hosting için bağlantılardan Cloudflare kullan; ücretsiz planla başla ve gerekli yerlerde beni yönlendir. Bilmen gereken detay varsa sor.
Yapay zekâ renkleri, hedef kitleni veya örnek çalışmalarını sorabilir. Kısa cevaplar ver; hazır görsellerin varsa ekle. Fotoğraf veya referansların yoksa bunları uydurmak yerine yer tutucu kullanmasını iste.
04 — İlk sürümü gör, konuşarak geliştir
Bir kerede kusursuz sonuç beklemek yerine, ilk tasarım üzerinden ilerle. Aşağıdaki etkileşimli çizim bir sonuç örneği: cihaz görünümünü ve vurgu rengini değiştir. Bunlar gerçek bir site yayını değil; ne isteyebileceğini gösteren bir tasarım demosu.
hayata geçir.
Mobil uygulamalar. Yapay zekâ. İyi tasarım.
Birlikte üretelim ↗Daha etkileyici
“İlk ekrana güçlü bir başlık, renkli bir görsel ve yumuşak giriş animasyonu ekle.”
Daha anlaşılır
“Hizmetlerimi üç kısa kartta anlat; her birinde müşteriye sağladığım faydayı yaz.”
Daha hızlı
“Görselleri küçült, mobil görünümü kontrol et; azaltılmış hareket tercihine uy.”
SEO ve GEO: güzel görünmenin ötesi
SEO, arama motorlarının sayfanı bulup anlamasına yardımcı olur. GEO ise içeriğini yapay zekâ destekli yanıtlarda anlaşılabilir ve kaynak gösterilebilir hâle getirmeyi hedefler. Promptta bu iki kelimeyi yazmak tek başına görünürlük veya sıralama garantisi vermez; somut işler istemelisin.
Her sayfaya özgün başlık ve açıklama; anlamlı başlık sırası, görsel alt metinleri, sitemap ve doğru canonical adresi iste.
İsim, uzmanlık ve hizmetleri açıkça anlat. Görünür içerikle tutarlı Person / Organization verisi, kısa yanıtlar ve doğrulanabilir profil bağlantıları iste.
05 — Kontrol et, ardından yayınla
Önizlemeyi beğendiğinde şu mesajla devam et: “Siteyi Cloudflare’da ücretsiz plana uygun şekilde yayınla ve çalışan adresi paylaş. Ücretli bir servis gerekiyorsa önce açıkla.” Araç bir izin adımı açarsa tamamla. Sadece kod üretildiyse henüz yayınlanmış değildir; açılabilen canlı bağlantıyı iste.
Doğrudan yayınlama aracı çalışmıyorsa, hata mesajını aynı sohbette paylaş ve bağlantı izinlerini kontrol ettir. Gerekirse Cloudflare panelinden dosya yükleme adımlarını sana tarif etmesini iste. Bir bağlantının kurulmuş olması, her projenin otomatik yayınlanacağını garanti etmez.
Yayın sonrası da aynı şekilde devam edebilirsin: “Yeni bir hizmet kartı ekle”, “Hakkımda metnini kısalt” veya “İngilizce sürüm hazırla.” Form, ödeme ya da üyelik gibi özellikler istersen bunların gerçekten çalışması için gereken servisleri ayrıca konuştur. Görünen bir form, mesajların sana ulaştığı anlamına gelmez.
İlk adımın kusursuz bir site değil, üzerinde çalışabileceğin bir ilk sürüm olsun. Hesabı aç, bağlantıyı kur, kendini anlat. Sonra her mesajda biraz daha iyileştir.
Örnek prompta dön ↑Kaynaklar ve güncellik notu
24 Eylül 2026 tarihinde resmî dokümanlara göre kontrol edildi. Planlar, izinler ve menü adları değişebilir; hesabında gördüğün koşulları esas al.