Table of contents
Kamu sedang mencari cara custom domain di GitHub Pages agar website terlihat lebih profesional? Artikel ini akan memandu kamu langkah demi langkah untuk menghubungkan domain pribadimu—khususnya dari IDwebhost—ke halaman GitHub Pages secara praktis dan tanpa ribet.
Apa Itu GitHub Pages?
GitHub Pages adalah layanan hosting gratis dari GitHub yang memungkinkan kamu menayangkan situs statis langsung dari repositori.
Artinya, jika kamu punya file HTML, CSS, atau JavaScript, kamu bisa menampilkannya sebagai sebuah website hanya dengan menyimpan file tersebut ke dalam repositori GitHub.
Layanan ini tersedia untuk berbagai jenis akun, mulai dari GitHub Free hingga GitHub Enterprise.
Menariknya, GitHub Pages kini menggunakan GitHub Actions untuk menjalankan proses build berbasis Jekyll secara otomatis. Kalau kamu tidak ingin menggunakan Jekyll, cukup tambahkan file .nojekyll ke root direktori untuk melewati proses itu.
Nah, kabar baiknya, kamu juga bisa menggunakan domain sendiri agar website tampil lebih personal dan kredibel. Caranya? Ikuti panduan lengkapnya di bawah ini.
Syarat & Persiapan Sebelum Custom Domain
Sebelum mulai melakukan konfigurasi, pastikan kamu sudah menyiapkan beberapa hal berikut:
- Akun GitHub aktif dan sudah memiliki repository berisi website statis
- Domain aktif yang sudah kamu beli dari IDwebhost
- Akses ke DNS Management melalui dashboard IDwebhost
Belum punya domain? Kamu bisa daftar domain murah di IDwebhost, cocok untuk pemula maupun pengembang yang ingin hemat!
Langkah-Langkah Custom Domain di GitHub Pages
Setelah semua persiapan di tangan, sekarang masuk ke tahap konfigurasi. Di bawah ini adalah panduan teknis step-by-step untuk menghubungkan domain pribadi kamu ke GitHub Pages dengan benar. Ikuti satu per satu ya:
Langkah 1. Login ke GitHub
Buka browser, lalu kunjungi https://github.com/login. Masukkan username dan password akun GitHub kamu seperti biasa.
Setelah berhasil masuk, pilih repository yang sudah berisi file website statis yang ingin kamu online-kan.
Pastikan repository tersebut sudah public atau setidaknya berisi file seperti index.html, agar halaman bisa ditampilkan.
Langkah 2. Masuk ke Pengaturan Repository
Di dalam repository, klik tab Settings di bagian kanan atas. Di sinilah kamu akan mengakses semua konfigurasi yang berkaitan dengan GitHub Pages, termasuk custom domain.
Langkah 3. Akses Menu GitHub Pages
Setelah masuk ke Settings, lihat sidebar kiri, lalu scroll ke bawah dan pilih Pages (biasanya di bagian “Code and Automation”).
Ini adalah pusat kontrol GitHub Pages tempat kamu mengatur sumber konten dan custom domain.
Langkah 4. Atur Source dan Branch
Pada bagian Build and deployment, pilih Source dan sesuaikan dengan branch utama kamu, biasanya main atau master. Di kolom folder, pilih /(root) lalu klik Save.
Kalau kamu belum pernah mengatur ini sebelumnya, langkah ini akan memicu GitHub untuk mulai membangun halaman dari konten repository kamu.
Langkah 5. Membuat Custom Domain dengan Nama Domain
Setelah langkah sebelumnya tersimpan, akan muncul bagian Custom domain. Di kolom ini, ketik nama domain kamu, misalnya namakamu.com, tanpa tambahan http:// atau https://.
Setelah itu, klik Save. GitHub akan langsung mencoba membaca dan memverifikasi nama domain tersebut.
Jika muncul warning seperti “domain does not resolve to GitHub Pages”, itu normal—berarti kamu belum mengatur DNS-nya. Lanjut ke langkah berikutnya.
Langkah 6. Atur DNS Domain di IDwebhost
Masuk ke dashboard client area IDwebhost, pilih nama domain kamu, lalu klik Kelola DNS. Di sini kamu akan menambahkan beberapa A Record dan satu CNAME Record.
Tambahkan 4 A Record berikut (IP GitHub):
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153
- Host Name: @
- Record Type: A
- TTL: Biarkan default atau pilih 3600
Tambahkan CNAME Record untuk www (opsional):
- Name: www
- Type: CNAME
Value: username.github.io (ganti username dengan nama pengguna GitHub kamu)
Jangan lupa simpan perubahan DNS. Kalau sebelumnya sudah ada A/CNAME Record, pastikan tidak terjadi duplikasi atau konflik.
Langkah 7. Tunggu Propagasi DNS
Setelah menyimpan pengaturan DNS, biasanya butuh waktu 1–24 jam agar domain bisa dikenali GitHub. Proses ini disebut propagasi DNS. Kamu bisa cek statusnya lewat tools seperti dnschecker.org.
Langkah 8. Coba Akses Domain Kamu
Setelah DNS berhasil terhubung, buka browser lalu akses domain kamu, misalnya www.namakamu.com.
Kalau semua konfigurasi sudah benar, halaman dari GitHub Pages akan muncul dengan sempurna—tapi kali ini lewat domain kamu sendiri.
Selamat! Sekarang websitemu sudah terlihat jauh lebih profesional dengan domain kustom dari IDwebhost.
Jenis-Jenis Situs yang Cocok untuk GitHub Pages
GitHub Pages memang tidak mendukung backend atau database, tapi sangat ideal untuk:
- Website portofolio
- Blog pribadi (dengan Jekyll atau Hugo)
- Dokumentasi proyek open-source
- Halaman presentasi produk
- Curriculum vitae interaktif
- Microsite promosi
Kalau kamu adalah developer, desainer, atau freelancer, GitHub Pages adalah opsi hemat (bahkan gratis) untuk tampil profesional secara online.
Troubleshooting: Jika Domain Belum Terhubung
Kadang ada beberapa masalah umum yang bisa muncul setelah kamu melakukan konfigurasi. Berikut beberapa error dan solusinya:
Website Tidak Bisa Diakses
Penyebab: DNS belum terpropagasi sempurna.
Solusi: Tunggu beberapa jam, lalu clear cache browser atau coba akses lewat jaringan berbeda.
Muncul Error 404 di GitHub Pages
Penyebab: File CNAME tidak ditambahkan ke repository.
Solusi: Tambahkan file bernama CNAME di root repository, dan isi dengan nama domain kamu.
Domain Redirect Tidak Berfungsi
Penyebab: CNAME www tidak diset dengan benar.
Solusi: Cek kembali pengaturan CNAME Record di DNS Management dan pastikan tertulis username.github.io.
Tools Bantu yang Bisa Dipakai:
- https://dnschecker.org: Untuk cek propagasi DNS
- Command line ping, nslookup, atau dig: Untuk cek IP A Record
Kesimpulan
Custom domain di GitHub Pages memang terdengar teknis di awal, tapi begitu kamu tahu alurnya, semuanya terasa jauh lebih mudah.
Dengan bantuan domain dari IDwebhost dan layanan hosting gratis dari GitHub, kamu bisa punya website profesional tanpa harus keluar banyak biaya.
Jadi, apakah kamu siap membuat situs dengan identitas milikmu sendiri?
Cek ketersediaan domain sekarang juga di IDwebhost dan mulai bangun websitemu hari ini!