Tutorial Membuat Domain dan Hosting dengan GitHub Pages

GitHub Pages adalah layanan gratis dari GitHub yang memungkinkan kamu untuk membuat dan meng-hosting website statis (HTML, CSS, JS) secara online, tanpa perlu bayar server. Cocok banget buat portofolio, blog, dokumentasi, atau project pribadi.

🛠️ Apa yang Kamu Butuhkan

• Akun GitHub (buat gratis di github.com)
• Basic HTML/CSS (boleh dari template atau buatan sendiri)
• Browser dan koneksi internet

📦 Langkah 1: Buat Repository Baru

1. Login ke akun GitHub kamu.
2. Klik tombol New di halaman repositori.
3. Nama repository: username.github.io (ganti username dengan username GitHub kamu).
4. Pilih "Public", lalu klik Create Repository.

🧾 Langkah 2: Upload File Website

Kamu bisa upload file HTML, CSS, JS langsung dari:

• Via Web: klik "Add file" → "Upload files". Pilih file website kamu (contoh: index.html), lalu klik "Commit changes".
• Via Git: Kalau kamu pakai Git, jalankan:

git clone https://github.com/username/username.github.io
cd username.github.io
# copy file HTML/CSS/JS ke folder ini
git add .
git commit -m "Upload website"
git push origin main

🌐 Langkah 3: Aktifkan GitHub Pages

1. Buka halaman repository kamu.
2. Masuk ke Settings → Pages (scroll ke bawah).
3. Pilih sumber: Deploy from branch → Main → folder root (/) lalu klik Save.
4. Tunggu beberapa detik, nanti akan muncul link GitHub Pages kamu, misalnya:
   https://username.github.io

🔗 Langkah 4: Hubungkan ke Domain Sendiri (Opsional)

Kalau kamu punya domain sendiri (misal dari Niagahoster, Namecheap, dsb), kamu bisa menghubungkannya ke GitHub Pages:

1. Tambahkan file bernama CNAME di root folder dan isi dengan domain kamu (contoh: www.elektroart.com).
2. Masuk ke pengaturan DNS domain kamu dan tambahkan DNS Record:
   • Type: A
   • Name: @
   • Value:
     • 185.199.108.153
     • 185.199.109.153
     • 185.199.110.153
     • 185.199.111.153
   • Tambahkan juga CNAME record:
     • Name: www
     • Value: username.github.io

Setelah semua langkah di atas, biasanya dalam 5–30 menit domain akan aktif. Gunakan DNS Checker untuk cek status DNS kamu.

📌 Tips Tambahan

• File utama website kamu harus bernama index.html
• GitHub Pages hanya untuk file statis (tidak mendukung PHP, MySQL, dsb)
• Kamu bisa pakai Jekyll atau generator lain untuk bikin blog statis
• Website kamu bisa diakses di semua perangkat dan gratis selamanya

✅ Kesimpulan

GitHub Pages adalah cara paling praktis dan gratis untuk mempublikasikan website. Dengan hanya bermodalkan akun GitHub dan file HTML/CSS, kamu sudah bisa punya domain online sendiri. Cocok banget buat portofolio, CV digital, proyek pribadi, dan website komunitas.