Cara Custom Domain GitHub Pages

GitHub pages adalah salah satu opsi yang sering dipilih dalam pembuatan website statis. Dilengkapi dengan built-in templates dan pembuatannya yang mudah, menjadikannya salah satu platform yang diminati untuk membuat situs portofolio, landing page, ataupun untuk kegunaan lainnya. Secara default Situs yang dibuat dengan GitHub Pages menggunakan subdomain dari github.io sebagai alamat webnya. Cara Custom Domain GitHub Pages merupakan opsi yang umum digunakan untuk mengubah alamat website GitHub Pages.

Mengapa Menggunakan Custom Domain

Custom domain dapat digunakan untuk mengganti nama domain, yang sebelumnya merupakan subdomain dari “github.io”, menjadi nama domain lainnya. Selain itu, dengan menggunakan custom domain, situs github pages anda akan tampak lebih professional dan mudah diingat.

Cara Menggunakan Custom Domain di GitHub Pages

Time needed: 3 minutes.

Dalam panduan kali ini, akan dijelaskan cara menggunakan custom domain di GitHub Pages dengan menggunakan domain dari devs.id. Sebagai prasyarat, pastikan anda sudah memiliki sebuah situs GitHub Pages dan sebuah domain di devs.id.

  1. Login ke Control Panel devs.id

    devs.id manage domain dns
    Silakan login ke control panel devs.id. Klik Manage pada domain yang akan anda gunakan, dan pilih DNS Manager.

  2. Klik Add Record

    devs.id dns manager
    Klik Add Record untuk menambahkan CNAME Record pada DNS Domain anda.

  3. Isi form Add DNS Record

    Buatlah tiga DNS Record dengan ketentuan sebagai berikut.

    Pertama:

    Type: CNAME
    Name: @
    Content: Silakan masukan alamat situs github pages anda. Misal websiteanda.github.io
    TTL: 300 (dapat diubah sesuai keinginan)

    Kedua: 

    Type: CNAME
    Name: www
    Content: Silakan masukan alamat situs github pages anda. Misal websiteanda.github.io
    TTL: 300 (dapat diubah sesuai keinginan)

    Ketiga: 

    Type: CNAME
    Name: (silakan masukan nama domain github pages anda, tanpa .github.io)
    Content: Silakan masukan alamat situs github pages anda. Misal websiteanda.github.io
    TTL: 300 (dapat diubah sesuai keinginan)

    Kemudian klik add.

  4. Buka halaman settings pada repository GitHub Pages anda

    menu yang ada di github repository
    Buka tab Settings pada repository GitHub anda dan scroll ke bawah hingga anda anda menemukan bagian konfigurasi GitHub Pages.

  5. Masukan Alamat domain devs.id anda

    github page setting custom domain
    Klik “Pages” pada sidebar.
    Pada isian Custom Domain, silakan isi dengan nama domain .devs.id anda (misal, websiteanda.devs.id), kemudian klik Save. Jangan lupa untuk mengaktifkan “Enforce HTTPS”  agar situs anda dapat diakses menggunakan HTTPS.

Pada Tahap ini, domain anda telah terhubung dengan GitHub Pages.

Sekian, semoga panduan ini berguna bagi anda. Pertanyaan terkait dapat disampaikan melalui kolom komentar dibawah, atau melalui email ke [email protected]

Leave a Reply 0

Your email address will not be published. Required fields are marked *