Yapay Zeka ile Oluşturulmuş Bir Web Sitesini Kendi Siteniz Olarak Vercel'e Nasıl Yüklersiniz ve Özel Alan Adınızı Nasıl Kullanırsınız (Web Hosting Rehberi)
Giriş
ChatGPT, Canva, Gemini Canvas, Claude Artifacts veya Sider Web CreatorSider Web Creator gibi yapay zeka araçlarıyla bir site oluşturduktan sonra, bir sonraki büyük soru, kendi alan adınız üzerinden siteyi ziyaret edebilmeniz için Vercel'de web hosting'i nasıl yöneteceğinizdir.
Bu kılavuz, Sider Web CreatorSider Web Creator'da bir projeyi dışa aktarmaktan, kişisel alan adınız altında tam teşekküllü bir web sitesine sahip olmaya kadar olan yolculukta size adım adım rehberlik edecek ve bu süreçte hem web hosting'in hem de Vercel yapılandırmasının gizemini ortadan kaldıracaktır. 🎯 Ne Öğreneceksiniz
web hosting hizmetini seçmeden önce yapay zeka ile oluşturulmuş proje dosyalarını doğru şekilde nasıl indireceğinizi ve anlayacağınızı.
Vercel'in bulut tabanlı web hosting platformunda siteyi ücretsiz olarak dağıtmak için adım adım talimatlar.
Vercel panosunda kendi özel alan adınızı nasıl satın alacağınızı ve bağlayacağınızı ve bunu en iyi uygulama web hosting DNS kayıtlarına nasıl bağlayacağınızı.
Vercel web hosting kurulumu aktif hale geldiğinde sitenin tamamen profesyonel ve güvenilir görünmesini sağlamak için profesyonel ipuçları.
Vercel dahil çoğu web hosting platformu, temiz bir derleme klasörü bekler, bu nedenle öncelikle dosyalarınızı toplamanız gerekir.
1.1 Proje Dosyalarını İndirin
Web Creator site oluşturmayı bitirdikten sonra, sağ üst köşedeki İndir düğmesine tıklayın.
Sistem projenizi paketlerken bekleyin.
Vercel web hosting'e yüklemeye hazır bir .zip dosyası alacaksınız.
Zip dosyasını bilgisayarınızda herhangi bir yere çıkarın.
1.2 Dosya Yapısını Anlayın (Önemli!)
my-website/
├── dist/ ⭐ En önemlisi bu! Sitenin üretim sürümü
│ ├── index.html → Sitenizin ana sayfası
│ ├── 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ıştır! dist/ içindeki içerikler doğrudan bir tarayıcıda veya Vercel web hosting'de çalışanlardır.
1.3 Yerel Önizleme Testi
dist/ klasörüne girin.
index.html'ye çift tıklayın.
Site tarayıcınızda açılır.
Premium Vercel eklentileri için ödeme yapmadan ö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 web hosting seçenekleri bulunmaktadır ve Vercel ön plandadır:
| |
|---|
| Tamamen ücretsiz web hosting • Sürükle ve bırak dağıtımı • Ücretsiz HTTPS • Hızlı ve güvenilir • Özel alan adları • Yerel yapay zeka entegrasyonları |
☁ Cloudflare Pages (en hızlısı) | Global CDN hosting • %100 ücretsiz • Kurumsal düzeyde güvenilirlik |
🔥 Netlify (en kullanıcı dostu) | Cilalı kullanıcı arayüzü • Zengin özellikli hosting • Güçlü topluluk |
📤 Adım 3: Vercel'e Dağıtın (Detaylı Kılavuz)
Vercel bir geliştirici platformu olarak markalaşsa da, bunu tek tuşla kolaylık sağlayan ultra modern web hosting olarak düşünün.
3.1 Vercel'e Kaydolun
vercel.com adresini ziyaret edin.
Kaydol'a tıklayın.
GitHub, Google veya e-posta ile kaydolun.
GitHub ile oturum açılması önerilir—gelecekteki Vercel web hosting güncellemelerini kolaylaştırır.
3.2 Siteyi Dağıtın
**Yöntem A: Sürükle ve Bırak Yükleme (yeni başlayanlar için en iyisi)**
Oturum açtıktan sonra, Yeni Proje'ye tıklayın.
Tüm Şablonlara Göz At → Statik'i seçin—statik dosya Vercel web hosting için mükemmeldir.
dist/ klasörünü yükleme alanına sürükleyin.
Bir proje adı girin (örneğin, muhteşem-web-sitem).
Vercel web hosting iş akışını tetiklemek için Dağıt'a tıklayın.
2-3 dakika bekleyin—işlem tamamlandı!
**Yöntem B: GitHub Entegrasyonu (geliştiriciler için en iyisi)**
Tüm projeyi GitHub'a gönderin.
Vercel'de Git Deposu İçe Aktar'ı seçin.
Deponuzu bağlayın; her gönderme, sürekli Vercel web hosting entegrasyonu yoluyla yeniden dağıtılır.
Derleme ayarları:
Derleme Komutu: npm run build
Dağıt'a tıklayın.
3.3 Site URL'nizi Alın
Dağıtımdan sonra Vercel, uç ağ web hosting katmanı tarafından sunulan proje-adiniz.vercel.app gibi ücretsiz bir alan adı verir.
🌐 Adım 4: Kendi Alan Adınızı Satın Alın ve Bağlayın
4.1 Bir Alan Adı Satın Alın
Özel bir alan adı, Vercel web hosting'inizi hobiden profesyonele yükseltir.
Önerilen kayıt şirketleri:
Namecheap – düşük maliyetli, herhangi bir web hosting yığını ve Vercel ile iyi eşleşen temiz pano.
GoDaddy – yüksek marka bilinirliği, ana akım Vercel web hosting ihtiyaçları için sağlam hizmet.
Alibaba Cloud – Çin Anakarası'ndaki kullanıcılar için uygundur, yerel web hosting ekosistemleri ve Vercel yönlendirmesi ile entegre olur.
Tencent Cloud – bütçe dostu, ayrıca Vercel'e işaret edebilen yerel CDN web hosting düğümleri.
Alan Adı Seçimi İpuçları:
Bir .com uzantısı seçmek en güvenli seçenektir.
Alan adını kısa ve akılda kalıcı tutun.
Tirelerden ve sayılardan kaçının.
4.2 Alan Adını Vercel'e Ekleyin
Vercel projenizde Alan Adları'na tıklayın.
Vercel web hosting platformunu bilgilendirmek için alan adınızı girin (örneğin, web-sitem.com).
Ekle'ye tıklayın.
Vercel, trafiği web hosting ucuna yönlendiren gerekli DNS kayıtlarını gösterir.
4.3 DNS Kayıtlarını Yapılandırın
Kayıt şirketinizin kontrol panelinde, kayıtları web hosting sağlayıcınıza yönlendirin—burada Vercel:
Tür: CNAME
Ad: www
Değer: cname.vercel-dns.com
Tür: A
Ad: @
Değer: 76.76.19.61
Not: DNS yayılımı genellikle 10 dakika ila 24 saat sürer.
4.4 Alan Adı Bağlantısını Doğrulayın
DNS'nin yayılmasını bekleyin.
Alan adınızı ziyaret edin—Vercel web hosting'iniz artık aktif!
Vercel otomatik olarak HTTPS yayınlar.
✨ Adım 5: Sitenin Profesyonel Görünmesini Sağlayın
Cilalı bir site, ziyaretçilerinize Vercel web hosting seçiminizin ciddi olduğuna dair güvence verir.
5.1 Özel Bir Favicon Ekleyin
32×32 px bir simge hazırlayın.
favicon.ico olarak adlandırın.
Vercel web hosting sunucusunun bulabilmesi için dist/ köküne yerleştirin.
Yeniden dağıtın.
5.2 Özel Meta Bilgisi Ekleyin
dist/index.html'yi düzenleyin:
<meta name="description" content="Your website description">
<meta name="author" content="Your Name">
5.3 Google Analytics (isteğe bağlı)
Google Analytics'e kaydolun.
İzleme snippet'ini kopyalayın.
<head> etiketinin içine yapıştırın; çoğu Vercel web hosting CDN'si bunu verimli bir şekilde önbelleğe alır.
🔧 Sorun Giderme
S1: Site bozuk görünüyor.
dist/ içeriğini doğru Vercel web hosting köküne yüklediğinizden emin olun.
index.html'nin kökte olduğunu doğrulayın.
Tarayıcı önbelleğini temizleyin.
S2: Alan adı çözümlenmiyor.
Hem kayıt şirketindeki hem de Vercel web hosting panosundaki DNS kayıtlarını tekrar kontrol edin.
Yayılım için 24 saate kadar izin verin.
Alan adının süresinin dolmadığını doğrulayın.
Kayıt şirketi desteğiyle iletişime geçin.
S3: İçeriği düzenlemek istiyorum.
'da yeniden oluşturun.
Yeni dosyaları indirin.
Vercel'e veya alternatif hosting sağlayıcınıza yeniden dağıtın.
Veya kaynak kodunu değiştirin ve yeniden oluşturun.
S4: Site yavaş geliyor.
Vercel web hosting uç bölgeleri hedef kitlenizi kapsamıyorsa, Cloudflare Pages'ı veya başka bir global hosting CDN'sini deneyin.
Resimleri sıkıştırın.
Gzip'i etkinleştirin.
🎉 Özet
Tebrikler! Artık şunları yaptınız:
✅ Yapay zeka ile oluşturulmuş web sitenizi başarıyla indirdiniz
✅ Bulut tabanlı bir web hosting platformuna ücretsiz olarak dağıttınız
✅ Kendi özel alan adınızı güvence altına aldınız
✅ Web hosting ortamını tamamen profesyonel görünecek şekilde cilaladınız
Siteniz artık:
🌐 Güvenilir web hosting altyapısı tarafından desteklenen 7/24 çevrimiçi
🏷️ Profesyonel bir alan adı altında sunuluyor
🔒 HTTPS şifrelemesi ile korunuyor
⚡ CDN uç düğümleri sayesinde küresel olarak hızlı
🗝️ Tamamen size ait ve sizin tarafınızdan kontrol ediliyor
💡 Sonraki Adımlar
SEO Optimizasyonu: web hosting kurulumunuz için arama sıralamalarını yükseltmek üzere hedeflenmiş anahtar kelimeler ve meta açıklamaları ekleyin
Sosyal Paylaşım: büyük sosyal platformlar için paylaşım düğmelerini entegre edin
Kullanıcı Analizi: barındırılan sitenizdeki ziyaretçi davranışını anlamak için bir trafik analiz aracı kurun
Sürekli Güncellemeler: siteyi canlı ve alakalı tutmak için içeriği düzenli olarak yenileyin
Yedeklemeler Önemlidir: web hosting ortamınızdaki tüm dosyaların periyodik yedeklemelerini planlayın
Artık gerçek bir web sitesi sahibisiniz—bağlantınızı paylaşın ve yaratıcılığınızı dünyaya gösterin!
