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 web klasörünü içine ekle.

• Klasör içinde en az bir tane ana HTML dosyası olmalı.

  • Adı genelde index.html olur (çünkü Vercel otomatik olarak index.html dosyasını açar).

  • Eğer başka bir dosyanın açılmasını istiyorsan ya dosya adını index.html yap 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ı web olarak 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.html varsa, site otomatik olarak çalışır.

• Eğer farklı bir dosya adın varsa (ör. home.html), iki seçenek var:

  1. Dosya adını index.html yap.

  2. Vercel’de vercel.json dosyası 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

• http://chatgpt.com