Ücretsiz Hosting ile Git Hesabındaki Klasörü Bağlama
vercel.com web sitesine github hesabımdaki web klasörünü bağlayıp klasor içindeki bir hmtl dosyayı nasıl çalıştırırım?
Vercel’de basit bir HTML sitesini yayınlamak çok kolaydır. GitHub’daki bir depo (repo) içindeki web klasörünü ve içindeki HTML dosyasını kullanabilirsin. Adım adım şöyle yaparsın:
GitHub deposunu hazırla
-
GitHub hesabında bir repo oluştur.
-
Bilgisayarında bu repoyu klonla ve
webklasörünü içine ekle. -
Klasör içinde en az bir tane ana HTML dosyası olmalı.
-
Adı genelde
index.htmlolur (çünkü Vercel otomatik olarakindex.htmldosyasını açar). -
Eğer başka bir dosyanın açılmasını istiyorsan ya dosya adını
index.htmlyap ya da Vercel ayarlarından yönlendirme kuralı ekle (aşağıda anlatacağım).
-
-
Değişiklikleri commit + push yap.
Vercel’e bağlan
-
https://vercel.com’e gir.
-
GitHub ile giriş yap.
-
Dashboard’da New Project butonuna tıkla.
-
Açılan listeden biraz önce push ettiğin repoyu seç.
Proje ayarlarını yap
-
“Framework Preset” kısmında Other seç. (Çünkü bu bir statik HTML projesi)
-
Root Directory (kök klasör) kısmını
webolarak ayarla (çünkü HTML dosyaların o klasörde). -
Build komutu ve Output Directory kısmını boş bırak (çünkü derlenecek bir şey yok, sadece HTML/CSS/JS dosyaları var).
-
Deploy butonuna bas.
Doğru HTML dosyasını göster
-
Eğer
web/index.htmlvarsa, site otomatik olarak çalışır. -
Eğer farklı bir dosya adın varsa (ör.
home.html), iki seçenek var:-
Dosya adını
index.htmlyap. -
Vercel’de
vercel.jsondosyası ekleyerek yönlendirme tanımla:
-
web/vercel.json içine şunu koy:
{ "routes": [ { "src": "/", "dest": "/home.html" } ] }
Sonra tekrar push yap, Vercel otomatik deploy eder.
Sonuç
-
Vercel sana bir URL verir (örnek:
https://proje-adi.vercel.app). -
O URL’ye girerek siteni görebilirsin.
Kaynak
