Wednesday, 7 October 2020

Cara Custom Domain ke Halaman GitHub

Halaman GitHub (GitHub Page) sering digunakan para developer sebagai sebuah portofolio online. Berbagai dokumentasi project bisa disimpan di dalamnya. Secara default, website portofolio tersebut akan menggunakan URL: user.github.io.
Untuk dapat melakukan custom domain, pastikan Anda sudah menyiapkan domain yang masih aktif. Jika belum memilikinya, Anda bisa membeli domain terlebih dahulu.

1. Mengakses GitHub
Masukkan username dan password Anda untuk masuk ke GitHub:
Jika sudah berhasil, Anda akan masuk ke halaman utama GitHub di mana semua repositori Anda tersimpan.


2. Memilih Repositori
Langkah selanjutnya sebagai cara custom domain ke halaman GitHub adalah menentukan repositori.

Pilihlah salah satu repositori yang akan menjadi halaman GitHub dengan custom domain. Perlu diingat bahwa, repositori tersebut harus bersifat public, bukan private.


Selanjutnya, silakan pilih menu Settings untuk melakukan perubahan pada domain yang digunakan.


3. Memasukkan Custom Domain yang Dimiliki
Setelah berada pada halaman Settings, Anda akan menemukan bagian GitHub Pages. Jika Anda belum membuat halaman GitHub akan muncul tampilan sebagai berikut:


Untuk itu, Anda perlu menentukan source untuk GitHub Pages terlebih dahulu, yaitu Master Branch.


Setelah berhasil, halaman GitHub Pages Anda telah siap dan Anda bisa menentukan custom domain yang akan digunakan.


Pastikan nama domain Anda sudah sesuai, lalu klik Save.

4. Melakukan Perubahan Konfigurasi DNS
Langkah berikutnya untuk melakukan custom domain GitHub adalah memastikan konfigurasi DNS yang digunakan tepat.
Caranya, Anda bisa login ke Member Area Niagahoster di halaman berikut: https://panel.niagahoster.co.id/login. Gunakan username dan password yang sesuai.

Setelah berhasil, Anda akan melihat dashboard Member Area Niagahoster. Silakan pilih menu Domain, dan menu Kelola Domain.

Sebelum masuk pada tahapan konfigurasi domain, pastikan Anda menggunakan name server Niagahoster yang sesuai.


Kemudian, silakan masuk ke menu DNS Management untuk melakukan konfigurasi DNS sebagai cara custom domain ke halaman GitHub.


Langkah berikutnya, Anda bisa klik Add New Record, dan akan mendapatkan tampilan sebagai berikut:


Pada bagian Record Type, pastikan pilihannya adalah A Record. Kemudian, Anda bisa mengisikan IP Address yang digunakan oleh GitHUb berikut satu per satu:

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

Jangan lupa untuk selalu klik Save Record setiap selesai memasukkan data IP Address. 
Jika sudah berhasil, semua IP address yang Anda masukkan akan otomatis tercatat pada menu DNS management seperti ini: 


Selanjutnya, Anda perlu memasukkan CNAME record untuk mengarahkan custom domain Anda. Caranya, klik Add New Record dan pilih CNAME dalam Record Type. Kemudian, masukkan nama domain halaman GitHub Anda di bagian Hostname.


Lakukan penyimpanan konfigurasi dengan Save Record. Pastikan nama domain tujuan sudah sesuai seperti tampilan berikut:

Tahapan untuk konfigurasi DNS sudah selesai. Anda cukup menunggu proses propagasi domain terlebih dahulu hingga maksimal 1×24 jam. 
Apabila proses propagasi berhasil, inilah contoh halaman GitHub yang bisa diakses dengan custom domain yang digunakan:


Penutup
Anda sudah belajar bahwa hanya perlu 4 langkah sebagai cara custom domain ke halaman GitHub. Cukup mudah, bukan?
Pun demikian, manfaat yang didapatkan cukup besar karena halaman GitHub Anda bisa tampil lebih profesional sebagai sebuah website portofolio.

Beberapa langkah yang sudah kami jelaskan di atas yaitu:
Dimulai dengan mengakses GitHub
Memilih repositori sebagai halaman GitHub
Menentukan custom domain yang akan digunakan
Melakukan konfigurasi DNS melalui Member Area

Sumber: