Pernah nggak sih, kamu lihat portofolio seseorang dengan link keren seperti johndoe.github.io atau devindra.github.io, terus kamu mikir, “Wah, pasti dia jago coding banget ya?”
Padahal… nggak selalu.
Faktanya, siapapun bisa bikin website gratis dan elegan seperti itu. Bahkan kalau kamu belum pernah ngoding sekalipun.
Dan lebih kerennya lagi, domainnya resmi dan premium — bukan yang berbau-bau “gratisan murahan” seperti namakamu123.webgratis.com.
Kalau kamu pengen punya website pribadi, portofolio, galeri foto, blog pribadi, atau bahkan resume online… GitHub Pages adalah jawabannya.
Saya sudah pakai GitHub.io sejak 2018, dan sekarang saatnya saya bongkar step-by-step cara membuatnya. Gratis, legal, dan elegan!
🔑 Key Takeaways
🧩 GitHub Pages = platform buat bikin website gratis dan stabil
💡 Cocok untuk portofolio, blog, CV online, dan landing page
🎨 Bisa pakai template HTML keren tanpa ngoding ribet
🌍 Domain-nya langsung: namakamu.github.io (tanpa embel-embel aneh)
🛠️ Cukup 1x setup, bisa diupdate kapan aja via browser
Apa Itu GitHub Pages?
GitHub Pages adalah layanan hosting website gratis dari GitHub. Kamu bisa membuat satu situs personal dengan format:
https://namakamu.github.io
dan kamu juga bisa bikin banyak situs tambahan untuk project lain.
GitHub Pages cocok banget untuk:
- Mahasiswa IT yang mau buat portofolio
- Desainer grafis / UI UX yang pengen showcase karya
- Content creator yang pengen punya blog
- Pelamar kerja yang ingin punya CV digital
- Pebisnis kecil yang mau punya landing page gratis
Dan nggak kayak platform lain, GitHub nggak kasih iklan atau watermark di websitenya. Bersih dan profesional.
Apa yang Kamu Butuhin Sebelum Mulai?
Tenang aja, kamu nggak butuh:
- Laptop spek dewa
- Skill coding tingkat tinggi
- Hosting berbayar
Yang kamu butuh cuma:
✅ Koneksi internet
✅ Akun GitHub (daftar gratis)
✅ Sedikit rasa ingin tahu 😄
🎯 Langkah-Langkah Membuat Website Gratis di GitHub.io
Yuk kita mulai bikin namakamu.github.io langkah demi langkah.
Catatan: ganti “namakamu” dengan username GitHub kamu nanti.
🔧 Langkah 1: Buat Akun GitHub
- Buka https://github.com
- Klik Sign Up
- Isi email, username (ini nanti jadi bagian dari alamat situs kamu), dan password
- Verifikasi email kamu
📌 Tips penting:
Pilih username yang profesional dan mudah diingat, misalnya: rahmatdev, dinaworks, arifresume, dll.
🗃️ Langkah 2: Buat Repository Baru
Setelah berhasil login:
- Klik ikon + di kanan atas > New Repository
- Isi nama repository dengan format namakamu.github.io
Contoh: rahmatdev.github.io - Centang Public
- Centang juga Add a README file
- Klik tombol Create Repository
Website kamu sudah bisa diakses, lho! Tapi masih kosong 😅
Langkah selanjutnya: kita isi dengan konten!
🖼️ Langkah 3: Upload File HTML atau Gunakan Template
Kamu bisa pilih dua cara:
Opsi A: Pakai Template Keren Siap Pakai
- Kunjungi situs seperti https://html5up.net
- Pilih template gratis yang kamu suka
- Download file ZIP-nya
- Ekstrak, lalu upload semua isinya ke repository kamu (drag and drop aja ke halaman GitHub)
Jangan lupa hapus file README.md kalau template kamu sudah punya index.html
Opsi B: Tulis HTML Sendiri (Untuk Pemula)
Bikin file index.html sederhana seperti ini:
Hello! Saya Rahmat
Ini website pertama saya di GitHub Pages.
Upload file ini ke repository kamu. Bisa lewat tombol Add file > Upload files, lalu commit.
🚀 Langkah 4: Aktifkan GitHub Pages (Jika Perlu)
Biasanya, repo dengan nama namakamu.github.io langsung otomatis aktif.
Tapi kalau belum:
- Masuk ke tab Settings di repo kamu
- Scroll ke bawah ke bagian Pages
- Pilih branch: main dan folder: / (root)
- Klik Save
Tunggu sekitar 1 menit, lalu coba akses:
https://namakamu.github.io
Kalau berhasil, website kamu sudah online! 🎉
🧰 Kustomisasi Tambahan (Optional Tapi Keren)
🎨 Ganti Template Kapan Aja
Cukup upload template baru dan hapus yang lama
📁 Buat Banyak Halaman (about.html, contact.html, dll)
Link antar halaman bisa pakai anchor biasa seperti:
🔧 Pakai Jekyll untuk blog otomatis (advance)
GitHub Pages support framework Jekyll untuk bikin blog otomatis dari markdown file
🌐 Pasang Domain Pribadi (.com, .id, dll)
Kamu bisa pointing domain ke GitHub Pages gratis tanpa biaya hosting tambahan
💸 Kenapa Ini Alternatif Hosting yang Kuat (dan Gratis)?
| Fitur | GitHub Pages | Blogspot | Wix/Weebly | WordPress.com |
| Gratis Selamanya | ✅ Ya | ✅ Ya | ✅ Ya | ✅ Ya |
| Tanpa Iklan | ✅ Ya | ❌ Tidak | ❌ Tidak | ❌ Tidak |
| Support Custom Domain | ✅ Ya | ✅ Ya | ✅ Ya | ✅ Ya |
| Support Template Custom | ✅ Ya | ❌ Terbatas | ✅ Ya | ❌ Terbatas |
| Butuh Coding? | ❌ Tidak Wajib | ❌ Tidak | ❌ Tidak | ❌ Tidak |
Contoh Nyata Website GitHub.io yang Keren
💼 dinarani.github.io → Resume & CV profesional
🎨 irfanfoto.github.io → Galeri foto sederhana
🧪 alfinlab.github.io → Proyek mahasiswa teknik
📚 novelita.github.io → Blog opini pribadi
FAQ: Tanya-Jawab Seputar GitHub Pages
Apakah GitHub Pages benar-benar gratis?
✅ 100% gratis, tanpa iklan, tanpa limit traffic
Apakah GitHub Pages aman?
✅ Sangat aman karena disupport langsung oleh GitHub (anak perusahaan Microsoft)
Apakah saya harus jago coding?
❌ Tidak! Kamu bisa pakai template HTML siap pakai
Bisa pakai custom domain?
✅ Bisa. Bahkan kamu bisa pakai domain dari Niagahoster, IDCloudHost, dll
Apa saya bisa update konten via HP?
✅ Bisa banget lewat aplikasi GitHub atau browser
