Github pages merupakan salah satu penyedia layanan hosting gratis untuk website statis, seperti website yang dibangung hanya menggunakan HTML CSS & Javascript. Tidak hanya itu web yang dibangun menggunakan react, vue js, angular js dan juga framework frontend lain yang menghasilkan web statis pada hasil build nya.

Dalam artikel ini saya akan menjelaskan bagaimana cara untuk setting domain yang sudah kita miliki ke github pages. Berikut step-nya:

Setting sub domain github pages

1. Untuk melakukan setting domain kita bisa gunakan record CNAME atau AAA atau A record. Jika kita hanya menggunakan domain ini untuk github pages, gunakanlah AAA atau A record tetapi jika menggunakannya sebagai subdomain gunakanlah CNAME. Saya merekomendasikan CNAME karena lebih mudah.

2. Buka halaman repositori kalian lalu ke menu Setting dan pilih pages

   

3. Scroll kebawah dan kalian akan menemukan kolom untuk mengisi domain, sebagai contoh disini saya akan mengisi menggunakan subdomain bio.uluumbch.my.id

   

4. Setting pada bagian github telah selesai, selanjutnya kita lanjut setting pada penyedia layanan domain kita.

   Disini saya menggunakan sub domain pada hosting, sehingga saya masuk ke CPANEL hosting saya. jika kalian menggunakan provider lain silakan masuk ke halaman management DNS pada provider masing-masing.

5. Tambahkan record baru pada DNS Management provider seperti berikut

   

   Name	TTL	Type	Record
   bio	14400 (nilai default)	CNAME	uluumbch.github.io

   ubah bio sesuaikan dengan subdomain yang ingin kalian pakai, disini saya ingin menggunakan bio.uluumbch.my.id pada domain utama saya.

   ubah uluumbch dengan username github kalian sehingga nantinya DNS akan mengarah ke hosting dari github.

6. Setelah disimpan, cobalah untuk membuka halaman github menggunakan domain yang baru saja disetting.

Setting domain github pages

Jika kalian ingin menggunakan domain utama alih-alih subdomain, langkah nya hampir sama saja, tetapi ubah bagian Record menjadi seperti berikut

Kalian perlu menambahkan 4 record diatas jika menggunakan domain utama (apex domain)

Kesimpulan

Menggunakan domain pada github pages akan membuat website kita terlihat lebih professional sehingga terlihat lebih menarik, selanjutnya kita juga bisa menambahkan subdomain sebanyak banyaknya pada tiap github pages yang ada, kita hanya perlu mengubah Name record nya saja.

Note tambahan: jika subdomain tidak dapat diakses pada github pages, buat file baru bernama CNAME dan isikan dengan nama subdomain kalian, misalkan bio.uluumbch.my.id dan upload pada folder root repositoru github pages kalian.