Kamu sudah membuat website portofolio, tapi belum tahu cara menayangkannya? Banyak pemula berhenti di tahap ini karena merasa harus beli hosting dan domain. Padahal, ada cara gratis yang cukup populer di kalangan developer.
Lalu, apa itu GitHub Pages dan kenapa banyak programmer memakainya? Tenang saja. Kamu tidak perlu paham server atau konfigurasi rumit. Cukup siapkan file website dan akun GitHub, lalu ikuti langkahnya satu per satu.
Nah, artikel ini akan membahas penjelasan dan langkah praktisnya. Yuk, simak sampai habis.
Apa Itu GitHub Pages?
GitHub Pages adalah layanan hosting gratis dari GitHub untuk website statis. Kamu cukup menyimpan file HTML, CSS, dan JavaScript di sebuah repository. Setelah itu, GitHub menayangkan file tersebut sebagai website yang bisa siapa saja buka lewat internet.
Website statis berarti halamannya tidak butuh proses di sisi server. Isi halaman tampil sama persis seperti file yang kamu unggah. Karena itu, GitHub Pages cocok untuk portofolio, blog sederhana, dan halaman dokumentasi.
Kenapa GitHub Pages Cocok untuk Portofolio?
Ada beberapa alasan kenapa banyak pemula memilih layanan ini:
- Gratis. Kamu tidak perlu membayar hosting untuk website statis dasar.
- Gampang kamu pelajari. Langkahnya sederhana dan cocok untuk pemula.
- Terhubung dengan GitHub. Setiap perubahan kode langsung kamu perbarui lewat repository yang sama.
- Alamat web rapi. Kamu mendapat alamat berformat namakamu.github.io secara otomatis.
- Bisa pakai domain sendiri. Kalau nanti butuh tampilan lebih profesional, kamu bisa menyambungkan domain pribadi.
Selain itu, rekruter di bidang teknologi sudah akrab dengan GitHub. Memamerkan portofolio lewat platform ini menunjukkan kamu paham alur kerja developer.
Apa yang Bisa dan Tidak Bisa GitHub Pages Lakukan?
GitHub Pages hanya menayangkan file statis. Jadi, kamu bisa membuat portofolio, landing page, atau blog dengan HTML, CSS, dan JavaScript. Kamu juga bisa memakai framework yang menghasilkan file statis.
Sebaliknya, layanan ini tidak menjalankan kode sisi server, seperti PHP atau Python. Kamu juga tidak bisa memasang database langsung di dalamnya. Kalau proyekmu butuh login atau penyimpanan data, kamu perlu layanan lain sebagai pendukung.
Selain itu, ketentuan seperti batas ukuran dan jenis akun bisa berubah. Jadi, cek dokumentasi resmi GitHub sebelum kamu memakainya untuk proyek besar.
Persiapan Sebelum Memublikasikan Website
Sebelum mulai, siapkan beberapa hal berikut:
- Akun GitHub. Daftar gratis di situs resmi GitHub.
- File website. Siapkan minimal satu file bernama index.html sebagai halaman utama.
- Editor kode. Gunakan VS Code atau editor lain yang kamu suka.
- Git (opsional). Kalau ingin unggah lewat terminal, pasang Git di komputermu.
Kamu tidak harus memakai Git di awal. GitHub menyediakan cara unggah file langsung lewat browser. Cara ini cukup mudah untuk pemula.
Langkah-Langkah Memublikasikan Website di GitHub Pages
Berikut langkah praktis setelah kamu paham apa itu GitHub Pages.
1. Buat Repository Baru
Masuk ke akun GitHub, lalu klik tombol untuk membuat repository baru. Beri nama sesuai namamu, misalnya namakamu.github.io, kalau ingin alamat utama. Pilih opsi publik, lalu buat repository.
2. Unggah File Website
Klik opsi unggah file, lalu tambahkan semua file websitemu. Pastikan file index.html berada di folder utama. Setelah itu, simpan perubahan lewat tombol commit.
3. Aktifkan GitHub Pages
Buka menu Settings di repository, lalu cari bagian Pages. Pilih branch utama dan folder root sebagai sumber website. Setelah itu, simpan pengaturannya.
4. Tunggu Proses Publikasi
GitHub butuh beberapa menit untuk memproses websitemu. Segarkan halaman Pages secara berkala sampai muncul alamat websitemu. Setelah itu, buka alamat tersebut untuk memastikan semuanya tampil benar.
5. Perbarui dan Rapikan Portofolio
Setiap kali kamu mengubah file di repository, website ikut berubah. Tambahkan proyek baru, perbaiki tampilan, lalu cek hasilnya di berbagai perangkat. Kebiasaan ini membuat portofoliomu selalu segar.
Tips Membuat Portofolio yang Lebih Menarik
Berikut beberapa tips supaya websitemu meninggalkan kesan baik:
- Tampilkan proyek terbaik. Pilih tiga sampai lima proyek, bukan semuanya.
- Jelaskan proses berpikirmu. Ceritakan masalah, solusi, dan hasil tiap proyek.
- Pastikan tampilan responsif. Cek websitemu di smartphone dan laptop.
- Cantumkan kontak yang jelas. Mudahkan rekruter atau klien menghubungimu.
- Rapikan repository. Tulis file README yang singkat dan jelas.
Kesalahan Umum yang Sering Pemula Lakukan
Banyak pemula lupa menamai file utama dengan index.html. Akibatnya, website menampilkan halaman kosong atau pesan error. Jadi, periksa nama file dan lokasinya sebelum kamu mengaktifkan Pages.
Selain itu, banyak juga yang memakai alamat gambar yang salah. Gambar tampil di komputermu, tapi hilang setelah website tayang. Karena itu, gunakan alamat file yang relatif terhadap folder proyek.
Belajar Lebih Terarah Bersama SkillNation
Ingin membuat website portofolio sendiri dari nol? SkillNation menyediakan pelatihan web development dan coding bersertifikat. Kamu belajar dari dasar HTML dan CSS sampai praktik langsung. Mentor yang aktif di industri teknologi pun ikut mendampingimu.
Selain itu, materinya juga cukup lengkap. Kamu belajar membangun halaman website, memakai Git, sampai menayangkan hasil karyamu. Semua materi ini langsung kamu praktikkan lewat proyek nyata.
Setiap program membekali peserta dengan portofolio siap tampil. Jadi, kamu tidak hanya paham teori, tapi juga siap menunjukkan karya ke calon perusahaan.
Tentu saja, SkillNation bukan satu-satunya opsi belajar. Yang penting, pilih pelatihan dengan kurikulum jelas dan porsi praktik yang cukup banyak.
Saatnya Tayangkan Portofoliomu
Pada akhirnya, apa itu GitHub Pages sudah kamu pahami lewat artikel ini. Layanan ini membantumu menayangkan website tanpa biaya hosting. Niat belajar dan konsistensi praktik jadi modal utamanya.
Mulailah dari langkah kecil hari ini. Buat satu halaman sederhana, unggah ke repository, lalu aktifkan Pages. Sedikit demi sedikit, portofoliomu akan tumbuh dan siap bersaing di dunia kerja.