🚀 PANDUAN DEPLOYMENT HOSTINGER & GITHUB

Mengapa Tampilan di Hostinger Sempat Blank ("Ngeblenk")?

Web server Apache/LiteSpeed di Hostinger secara standar menyajikan file HTML statis. Source code Vite React memerlukan proses npm run build agar file TypeScript (.tsx) dikompilasi menjadi bundel HTML, JS, dan CSS di dalam folder dist/.

💡 Kabar Baik: Repositori ini telah kami lengkapi dengan GitHub Actions Auto-Deploy dan konfigurasi .htaccess. Anda cukup memilih salah satu dari 2 cara mudah di bawah agar aplikasi langsung tampil seketika setiap kali web diakses!

1 Cara Otomatis: GitHub Actions ke Hostinger FTP (Sangat Direkomendasikan)

  1. Buka cPanel / hPanel Hostinger > Cari menu Akun FTP (FTP Accounts). Catat Host FTP, Username FTP, dan Password FTP Anda.
  2. Buka repository Anda di GitHub > Masuk ke menu Settings > Secrets and variables > Actions.
  3. Klik tombol New repository secret dan tambahkan 3 variabel rahasia ini:
    • HOSTINGER_FTP_HOST = Host/IP FTP dari Hostinger (contoh: ftp.domainanda.com)
    • HOSTINGER_FTP_USER = Username FTP Anda
    • HOSTINGER_FTP_PASSWORD = Password akun FTP Anda
  4. Selesai! Setiap kali Anda push ke GitHub, GitHub Actions otomatis mengompilasi dan mengunggah aplikasi ke public_html/ Hostinger. Langsung aktif tanpa blank!

2 Cara Manual Cepat: Upload Folder dist ke public_html

  1. Di komputer lokal Anda, jalankan perintah: npm run build
  2. Buka folder hasil build dist/.
  3. Unggah seluruh isi yang ada di dalam folder dist/ (termasuk folder assets/, index.html, dan .htaccess) langsung ke dalam folder public_html/ di File Manager Hostinger Anda.
🔄 Cek Ulang Status Web