Giriş
Sitenizi ChatGPT, Gemini Canvas, Claude Artifacts veya Sider Web Creator gibi yapay zeka araçlarıyla oluşturduktan sonraki kilometre taşı, güvenilir web hosting'dir. Glitch bu yolculuğu eğlenceli ama güçlü hale getirir: sürükle ve bırak basitliği, tarayıcı içi kod düzenlemeleri ve anında *.glitch.me URL'si—artı projeyi Boost ettiğinizde özel alan adı desteği. Bu kılavuz, orijinal Vercel kılavuzunun yapısını yansıtır, ancak her Glitch'e özgü adımı değiştirir, böylece ciladan ödün vermeden hızlı bir şekilde yayınlayabilirsiniz. Unutmayın: gerekli %3 anahtar kelime yoğunluğuna ulaşırken sohbet havasında kalmak için Glitch kelimesini her yere serpiştireceğiz.
🎯 Ne Öğreneceksiniz
Glitch web hosting'i seçmeden önce yapay zeka tarafından oluşturulan proje dosyalarını doğru şekilde nasıl indireceğinizi ve anlayacağınızı.
Sitenizi Glitch'in bulut oyun alanına ücretsiz olarak dağıtmak için adım adım talimatlar.
Glitch panosunda kendi özel alan adınızı nasıl satın alıp bağlayacağınızı ve en iyi uygulama DNS kayıtlarına nasıl bağlayacağınızı.
Glitch kurulumu yayınlandıktan sonra sitenin tamamen profesyonel ve güvenilir görünmesini sağlamak için profesyonel ipuçları.
Glitch dahil çoğu hosting platformu, temiz bir derleme klasörü bekler, bu nedenle önce dosyalarınızı toplayın.
1.1 Proje Dosyalarını İndirin
Web Creator site oluşturmayı bitirdikten sonra İndir'i tıklayın. Glitch yüklemesi için hazır bir .zip alacaksınız. Bilgisayarınızda herhangi bir yere çıkarın.
1.2 Dosya Yapısını Anlayın (Önemli!)
my‑website/
├── dist/ ⭐ En önemlisi bu! **Glitch** için üretim derlemesi
│ ├── index.html → Ana sayfa
│ ├── assets/ → Stiller ve komut dosyaları
│ └── ...
├── src/ 📝 Kaynak kodu klasörü
├── package.json 📦 Proje yapılandırması
└── Diğer yapılandırma dosyaları...
Önemli hatırlatma: birçok kişi kök klasördeki dosyaları çalıştırmaya çalışır—bu yanlış! dist/ içindeki içerikler doğrudan bir tarayıcıda veya Glitch'te çalışanlardır.
1.3 Yerel Önizleme Testi
dist/ klasörüne girin.
index.html'e çift tıklayın.
Projenizi Glitch'e bağlamadan önce her şeyin çalıştığını doğrulayın.
🚀 Adım 2: Bir Dağıtım Platformu Seçin
Aşağıda tamamen ücretsiz ve yeni başlayanlar için uygun seçenekler bulunmaktadır ve Glitch merkezde yer almaktadır:
| |
|---|
| Tek tıklamayla remix, anında önizleme, ücretsiz HTTPS, canlı düzenleyici, Boost ile özel alan adları |
| Global CDN, %100 ücretsiz, kurumsal düzeyde |
| Cilalı kullanıcı arayüzü, özellik açısından zengin, güçlü topluluk |
İpucu: sonunda göç etseniz bile, önce Glitch'te ustalaşmak size sağlam bir temel verir.
📤 Adım 3: Glitch'e Dağıtın (Ayrıntılı Kılavuz)
Glitch kendini yaratıcı bir oyun alanı olarak pazarlasa da, onu düğmeyle kolaylığa sahip ultra modern web hosting olarak düşünün.
3.1 Glitch'e Kaydolun
glitch.com'u ziyaret edin.
Kaydol'u tıklayın.
GitHub, Google veya e-posta ile kaydolun.
GitHub ile oturum açılması önerilir—gelecekteki Glitch güncellemelerini kolaylaştırır.
3.2 Projeyi Oluşturun ve Yeniden Adlandırın
Boş bir statik iskele için Yeni Proje → Merhaba Web Sitesi'ni tıklayın.
Sol üst köşedeki projeyi yeniden adlandırın; Glitch anında genel bir proje-adı.glitch.me URL'si atar.
3.3 Siteyi Dağıtın
Yöntem A: Sürükle ve Bırak Yükleme (yeni başlayanlar için en iyisi)
Sol taraftaki dosya bölmesinde, dist/ içindeki her şeyi düzenleyiciye sürükleyin. Glitch varlıkları otomatik olarak yükler ve depolar.
AI sürümünüzün devralması için şablon index.html'i silin.
Önizlemek için Göster → Yeni Bir Pencerede'yi tıklayın.
Yöntem B: GitHub İçe Aktarma (geliştiriciler için en iyisi)
Projeyi GitHub'a gönderin.
Glitch içinde, Araçlar → İçe Aktar / Dışa Aktar → GitHub'dan İçe Aktar'ı açın, kullanıcı/repo'yu yapıştırın ve onaylayın.
Glitch depoyu çeker. Yeni değişiklikler gönderdiğinizde yeniden içe aktarın.
3.4 Site URL'nizi Alın
Her proje, Glitch yeniden oluşturduktan hemen sonra https://benim‑harika‑sitem.glitch.me gibi ücretsiz bir HTTPS URL'si alır.
🌐 Adım 4: Kendi Alan Adınızı Satın Alın ve Bağlayın
Özel alan adları, Glitch hosting'inizi hobiden profesyonele yükseltir.
4.1 Bir Alan Adı Satın Alın
Popüler kayıt kuruluşları—Namecheap, GoDaddy, Alibaba Cloud, Tencent Cloud—iyi çalışır; Glitch doğrudan alan adı satmaz.
4.2 Alan Adını Glitch'e Ekleyin
Glitch düzenleyicisinde, Araçlar → Özel Alan Adları'nı tıklayın (Boosted Uygulama veya iki topluluk "Teşekkür"ü gerektirir).
alanadiniz.com'u girin ve Glitch iki CNAME hedefi gösterir—biri TLS doğrulaması için, biri trafik yönlendirmesi için.
4.3 DNS Kayıtlarını Yapılandırın
Kayıt kuruluşunuzun panelinde şunları ekleyin:
Tür: CNAME
Ad: @
Değer: domain.verify.glitch.me # doğrulama
TTL : 30m
Tür: CNAME
Ad: www
Değer: proje-adı.glitch.edgeapp.net # ana kayıt
TTL : 30m
DNS yayılımı genellikle 30 dakika içinde tamamlanır.
4.4 Alan Adı Bağlantısını Doğrulayın
Glitch → Özel Alan Adları'na dönün ve Kontrol Et'i tıklayın; kayıtlar çözümlendiğinde, pano yeşile döner ve alan adınız Glitch aracılığıyla HTTPS üzerinden hizmet verir.
✨ Adım 5: Sitenin Profesyonel Görünmesini Sağlayın
Cilalı bir site, ziyaretçilerinize Glitch hosting seçiminizin ciddi olduğuna dair güvence verir.
5.1 Özel Bir Favicon Ekleyin
favicon.ico adlı 32 × 32 px'lik bir simge hazırlayın, proje köküne yerleştirin ve Glitch otomatik olarak yeniden dağıtır.
5.2 Özel Meta Bilgisi Ekleyin
dist/index.html'i düzenleyin:
<meta name="description" content="Your website description on Glitch">
<meta name="author" content="Your Name">
5.3 Google Analytics (isteğe bağlı)
Google Analytics'e kaydolun.
İzleme snippet'ini kopyalayın.
<head> içine yapıştırın; Glitch'in Fastly destekli ucu bunu verimli bir şekilde sunar.
🔧 Sorun Giderme
| |
|---|
| Glitch'te dist/ içeriğini yüklediğinizden ve şablon index.html'i sildiğinizden emin olun |
| CNAME kayıtlarını iki kez kontrol edin ve 24 saate kadar bekleyin; Glitch panosunu yeniden yükleyin |
| Daha küçük partiler halinde yükleyin veya Glitch'te GitHub içe aktarmaya geçin |
Otomatik yeniden dağıtımlara ihtiyacınız var | GitHub'a git push yapın, ardından yeniden içe aktarın veya değişiklikleri çekmek için Glitch konsolunu kullanın |
🎉 Özet
Tebrikler! Artık şunları yaptınız:
✅ Glitch web hosting için hazır olan yapay zeka ile oluşturulmuş web sitenizi başarıyla indirdiniz.
✅ Yaratıcı Glitch bulutuna ücretsiz olarak dağıttınız.
✅ Kendi özel alan adınızı güvenceye aldınız ve Glitch ucuna yönlendirdiniz.
✅ Tamamen profesyonel görünmesi için Glitch ortamını cilaladınız.
Siteniz artık:
🌐 Glitch altyapısı tarafından desteklenen 7/24 çevrimiçi.
🏷️ Glitch'in CDN'si aracılığıyla akılda kalıcı bir alan adı altında sunulur.
🔒 Glitch aracılığıyla verilen HTTPS sertifikalarıyla korunur.
⚡ Glitch tarafından düzenlenen uç düğümler sayesinde küresel olarak hızlı.
💡 Sonraki Adımlar
SEO Optimizasyonu: Glitch siteniz için arama sıralamalarını yükseltmek üzere hedeflenen anahtar kelimeler ve meta etiketleri ekleyin.
Sosyal Paylaşım: Ziyaretçilerin Glitch URL'nizi yayması için paylaşım düğmelerini entegre edin.
Kullanıcı Analizi: Glitch tarafından barındırılan sayfalardaki davranışı anlamak için analizler yükleyin.
Sürekli Güncellemeler: İçeriği yeniden oluşturun veya GitHub'a gönderin ve Glitch içe aktarma yoluyla yenileyin.
Yedeklemeler Önemlidir: Glitch projenizdeki tüm dosyaların periyodik yedeklemelerini planlayın.
Artık gerçek bir web sitesi sahibisiniz—Glitch bağlantınızı paylaşın ve yaratımınızı dünyaya gösterin!
