Mendeploy website agar bisa diakses secara online kini bisa dilakukan secara gratis dan mudah berkat layanan GitHub Pages. Layanan ini sangat cocok untuk pengembang, mahasiswa, maupun pemilik portofolio yang ingin menampilkan hasil kerja secara profesional tanpa perlu beli hosting. Dalam artikel ini, kita akan membahas langkah-langkah lengkap untuk mendeploy website ke GitHub Pages, bahkan jika kamu masih pemula.

Apa itu GitHub Pages?

GitHub Pages adalah layanan hosting statis gratis dari GitHub. Artinya, kamu bisa mempublikasikan file HTML, CSS, dan JavaScript langsung dari repositori GitHub dan menjadikannya sebuah website dengan URL seperti:
https://username.github.io/namaprojek

Langkah-Langkah Deploy Website ke GitHub Pages

• Siapkan Proyek Web Kamu

Pastikan kamu sudah punya folder proyek website statis (berisi file seperti index.html, style.css, dan script.js). Contoh struktur sederhana:

• Buat Repositori di GitHub

  • Masuk ke akun GitHub.
  • Klik tombol New Repository.
  • Beri nama repositori (misalnya: my-website).
  • Pilih “Public” dan centang “Add a README” jika mau.
  • Klik Create Repository.

• Upload File Website ke GitHub

Jika kamu belum pernah mengunggah file website ke GitHub, kamu bisa mengikuti panduan lengkapnya di tautan berikut ini:
Panduan Pemula Menggunakan Git dan GitHub Tanpa Ribet

Pastikan seluruh file website seperti index.html, style.css, dan script.js sudah berada di repositori GitHub kamu sebelum melanjutkan ke langkah berikutnya.

• Aktifkan GitHub Pages

  • Buka tab Settings di repositori kamu.
  • Scroll ke bagian Pages di sidebar kiri.
  • Di bagian Source, pilih main dan folder /root.
  • Klik Save.

Tunggu beberapa detik hingga muncul link seperti:
https://username.github.io/my-website

Tips Tambahan

• Pastikan file utamamu bernama index.html dan berada di root folder.

• Kamu bisa menggunakan custom domain dengan mengatur DNS dan menambahkan file CNAME.

• Untuk framework seperti React atau Vue, perlu build terlebih dulu dan deploy hasil build-nya.

Penutup

GitHub Pages adalah solusi sederhana dan efisien untuk menampilkan proyek web secara online. Hanya dengan akun GitHub dan beberapa langkah mudah, kamu sudah bisa memiliki situs web aktif tanpa biaya sama sekali. Jadi, tunggu apa lagi? Yuk, deploy website-mu sekarang juga!