Bagaimana Menghubungkan Domain ke GitHub Pages

Jika Anda sedang membikin website pribadi, portofolio, alias proyek open-source, GitHub Pages adalah salah satu langkah termudah untuk menampilkan websitemu secara gratis. Namun, agar website-mu terlihat lebih profesional, Anda bisa menggunakan domain sendiri (seperti namamu.com) daripada menggunakan alamat bawaan GitHub seperti username.github.io.

Artikel ini bakal membahas secara komplit dan mudah dipahami langkah menghubungkan domain sendiri ke GitHub Pages. Cocok banget untuk Anda nan tetap pelajar SMA/SMK dan mau belajar membikin website pribadi dengan tampilan profesional.

Apa itu GitHub Pages?

GitHub Pages adalah jasa cuma-cuma dari GitHub nan memungkinkan Anda untuk menghosting website tetap langsung dari repository GitHub. Biasanya digunakan untuk:

• Website portofolio
• Dokumentasi proyek
• Blog tetap (misalnya dengan Jekyll)
• Halaman landing

URL default GitHub Pages biasanya berupa https://username.github.io.

Jika Anda mau menggunakan custom domain, seperti namamu.id alias projeksekolah.com, Anda bisa melakukannya dengan mengikuti langkah-langkah di bawah ini.

Syarat nan Diperlukan

Sebelum mulai, Anda perlu menyiapkan:

1. Akun GitHub
2. Repository GitHub nan sudah diaktifkan GitHub Pages-nya
3. Domain nan sudah dibeli, misalnya dari penyedia seperti:
   • Niagahoster
   • Domainesia
   • IDCloudHost
   • GoDaddy
   • Namecheap

Langkah-Langkah Menghubungkan Domain ke GitHub Pages

1. Aktifkan GitHub Pages di Repository

• Masuk ke akun GitHub kamu
• Pilih repository nan mau Anda jadikan website
• Klik Settings > Pages
• Di bagian Build and deployment, pilih sumber halaman: biasanya main alias master, lampau berkas /root alias /docs
• Klik Save
• GitHub bakal memberikan URL default seperti https://username.github.io/repo-name/

2. Buat File CNAME

Agar GitHub tahu bahwa Anda mau menggunakan domain sendiri, buat file baru di repository kamu:

• Klik Add file > Create new file
• Beri nama file: CNAME (huruf kapital semua, tanpa ekstensi)
• Di dalam file itu, isi dengan nama domain kamu, contoh: www.namaku.com
• Commit perubahan

3. Arahkan Domain ke GitHub melalui DNS

Langkah ini dilakukan di tempat Anda membeli domain. Masuk ke dashboard domain Anda dan cari menu DNS Management alias Kelola DNS. Tambahkan beberapa record berikut:

A Record (untuk domain tanpa www)

Tambahkan A record berikut untuk mengarahkan domain utama ke IP GitHub Pages:

CNAME Record (untuk domain www)

Tambahkan CNAME record agar www.namaku.com mengarah ke GitHub:

Gantilah username dengan nama akun GitHub kamu.

4. Cek Pengaturan di GitHub

Setelah Anda menambahkan DNS di pengelola domain, kembali ke laman Settings > Pages di repository GitHub-mu. Di sana:

• Isi kolom “Custom domain” dengan domain kamu, contoh www.namaku.com
• Centang opsi Enforce HTTPS jika sudah tersedia (kadang butuh beberapa menit hingga aktif)
• Simpan pengaturan

5. Tunggu Propagasi DNS

DNS butuh waktu untuk diperbarui di seluruh dunia. Biasanya butuh antara 5 menit sampai 24 jam, tergantung penyedia domain.

Kamu bisa mengecek apakah domain Anda sudah terhubung ke GitHub Pages dengan mengunjungi domain tersebut di browser.

Tips Tambahan

• Gunakan www alias non-www?
  Kalau Anda mau domain utama namaku.com langsung ke GitHub Pages, pastikan Anda mengarahkan A Record dengan benar. Kalau hanya pakai www.namaku.com, pastikan redirect dari domain utama ke www disetel di DNS alias panel domain kamu.
• SSL/HTTPS Gratis
  GitHub Pages menyediakan HTTPS cuma-cuma lewat Let’s Encrypt. Pastikan Anda mencentang “Enforce HTTPS” untuk keamanan visitor situsmu.
• Gunakan Subdomain
  Kamu juga bisa mengarahkan subdomain seperti blog.namaku.com ke GitHub Pages menggunakan CNAME record.

Kesimpulan

Menghubungkan domain ke GitHub Pages adalah langkah krusial agar website Anda terlihat lebih ahli dan mudah diakses. Meskipun kelihatannya rumit di awal, prosesnya sebenarnya cukup sederhana jika Anda mengikuti langkah demi langkah.

Bagi siswa SMA/SMK nan mau membangun portofolio online alias belajar pengembangan web, ini adalah latihan nan sangat bagus. Kamu tidak hanya belajar langkah membikin website, tapi juga memahami gimana bumi web bekerja di kembali layar.