Pamerkan Karyamu: Cara Meng-online-kan Website secara Gratis

Halo Sobat Jurnal Coding! Kita telah melewati perjalanan yang sangat luar biasa. Kamu sudah membuat kalkulator diskon, membuat fitur Dark Mode, hingga menciptakan aplikasi catatan digital anti hilang. Kamu sudah menghabiskan waktu berjam-jam berkeringat merakit kode-kode itu.

Lalu, apa langkah selanjutnya? Apakah kamu akan membiarkan file-file berharga itu membusuk di dalam folder Document laptopmu dan hanya bisa kamu lihat sendirian? Tentu saja tidak!

Karya yang hebat harus dipamerkan. Kamu harus menunjukkannya kepada teman-temanmu, orang tuamu, atau memajangnya di portofolio untuk melamar pekerjaan ke divisi HRD perusahaan teknologi impianmu.

Namun, meng-upload website ke internet (yang biasa disebut Hosting) dulunya sangat merepotkan dan mahal. Kamu harus menyewa server yang harganya bisa ratusan ribu per bulan. Kabar baiknya, di zaman modern ini, kamu bisa mempublikasikan website karyamu ke internet secara 100% GRATIS dan hanya butuh waktu kurang dari 5 menit. Kita akan menggunakan fasilitas dari raksasa teknologi Microsoft yang bernama: GitHub Pages.

### Analogi Membuka Toko Fisik

Untuk memahami proses publikasi, bayangkan kamu sedang merintis bisnis toko kue.
Semua file HTML, CSS, dan JavaScript yang kamu ketik di laptop adalah kue-kue lezat yang kamu panggang di dapur rumahmu.

Namun, tidak ada pembeli yang bisa datang ke dapur rumahmu (karena itu ranah privat). Agar orang bisa membeli kuemu, kamu harus memindahkan kue tersebut ke sebuah Ruko di pinggir jalan raya. Proses menyewa Ruko inilah yang disebut dengan Hosting. Sedangkan memasang Papan Nama Toko di depan ruko tersebut agar mudah dicari di peta disebut dengan Domain (misalnya: jurnalcoding.com).

Untungnya, GitHub (yang pernah kita bahas sebagai galeri portofolio programmer) menyediakan sebuah program donasi mulia: mereka meminjamkan Ruko pinggir jalan secara gratis untuk semua programmer pemula di dunia!

### Panduan Cepat Merilis Website Pertamamu

Pastikan kamu sudah memiliki file karya buatanmu (misalnya file aplikasi catatan kemarin). Pastikan file utama HTML-mu diberi nama persis index.html huruf kecil semua. Ini adalah aturan mutlak internasional agar server mengenali halaman berandamu.

Langkah 1: Siapkan Repositori (Brankas Cloud)
1. Buka browser dan login ke akun github.com kamu.
2. Di pojok kiri atas, klik tombol hijau bertuliskan New (untuk membuat repositori/brankas baru).
3. Beri nama proyekmu di kolom Repository Name, misalnya: aplikasi-catatan-keren.
4. Pastikan pilihannya Public agar bisa dilihat orang lain.
5. Gulir ke bawah dan klik tombol hijau Create repository.

Langkah 2: Unggah (Upload) Kue ke Ruko
1. Di layar selanjutnya, cari teks kecil bertuliskan uploading an existing file dan klik teks tersebut.
2. Seret (drag and drop) file index.html, file CSS, dan file JS milikmu ke dalam kotak yang disediakan.
3. Tunggu hingga proses unggah selesai, lalu klik tombol hijau Commit changes di bagian bawah. Karyamu sekarang sudah aman berada di awan (cloud)!

Langkah 3: Nyalakan Sakelar Publikasi (GitHub Pages)
1. Di halaman proyekmu tersebut, klik tab Settings (ikon roda gigi) di deretan menu bagian atas.
2. Di menu navigasi sebelah kiri, gulir ke bawah dan klik Pages.
3. Pada bagian Build and deployment, cari opsi tulisan Source. Biarkan isinya Deploy from a branch.
4. Di bawahnya, pada kolom Branch, ubah tulisan None menjadi main (atau master), lalu klik Save.

### Sensasi Kepuasan Seorang Developer Sejati

Selesai! Sekarang, bersabarlah sekitar 1 hingga 3 menit. GitHub sedang bekerja keras menyalin file-file dari brankasmu ke ruko publik mereka.

Muat ulang (refresh) halaman Settings > Pages tersebut. Jika sudah selesai, kamu akan melihat sebuah pesan dengan teks hijau yang sangat indah berbunyi:
"Your site is live at https://namakamu.github.io/aplikasi-catatan-keren/"

Silakan klik tautan tersebut. Lihatlah ke bagian atas browser-mu. Alamatnya bukan lagi file:///C:/Users/... yang membosankan. Alamatnya kini adalah tautan publik resmi yang bisa diakses oleh siapa pun, dari belahan dunia mana pun, menggunakan perangkat apa pun (termasuk HP)!

Cobalah salin tautan tersebut dan kirimkan ke grup WhatsApp keluargamu atau teman nongkrongmu. Beri tahu mereka: "Hei, coba klik link ini. Aku baru saja memprogram aplikasi website buatan tanganku sendiri!"

Sensasi kebanggaan saat melihat temanmu menggunakan aplikasi yang kamu ciptakan adalah candu yang akan membuatmu semakin bersemangat menyelami lautan ilmu coding. Teruslah berkarya, perbanyak portofoliomu di GitHub, dan selamat datang secara resmi di industri teknologi!