Buat kamu yang sekarang berada di kelas 12, pasti lagi masa-masanya pusing memikirkan Ujian Praktik (Uprak), tugas akhir, atau mungkin sedang menyiapkan portofolio untuk daftar kampus impian.
Biasanya, setelah susah payah membuat coding-an website, masalah terbesarnya adalah: "Gimana caranya biar guru atau dosen bisa buka web aku tanpa harus repot kirim file .zip via email atau colok flashdisk?"
Apalagi kalau di URL browser kamu masih tertulis file://C:/Users/nama-kamu/tugas/index.html. Ketahuan banget amatirnya, kan?
Nah, solusi paling gampang, cepat, dan pastinya GRATIS untuk pelajar adalah menggunakan Netlify. Yuk, kita bongkar tuntas apa itu Netlify dan bagaimana cara pakainya dari nol!
Apa si Netlify itu??
Kita bisa mengibaratkan Netlify itu seperti tempat "kos-kosan" untuk website kamu, gratis tapi fasilitasnya bintang lima.
Kalau zaman dulu orang mau meng-online-kan web (hosting) harus bayar biaya sewa server bulanan, mengurus cPanel yang tombolnya ribuan, dan ribet setting sana-sini. Nah, di Netlify, semua keribetan itu dipangkas habis. Netlify memang didesain khusus untuk menampung website statis (HTML, CSS, JavaScript dasar) atau web yang dibuat dengan framework modern (seperti React atau Vue) dengan cara yang super instan.
(Catatan penting: Netlify tidak mendukung bahasa backend seperti PHP atau database MySQL ya!)
Kenapa Harus Pakai Netlify?
Ada beberapa alasan kenapa anak IT dan developer di seluruh dunia sangat menyukai Netlify:
Gratis Total untuk Pelajar: Paket Starter-nya gratis seumur hidup. Jatah kuota pengunjung (bandwidth) yang disediakan juga sangat besar. Kalau cuma untuk tugas sekolah atau portofolio, kuota ini tidak akan habis.
Gembok Hijau (HTTPS/SSL Gratis): Pernah buka web lalu muncul peringatan "Not Secure" warna merah dari Google Chrome? Bikin malas melihatnya, kan? Di Netlify, web kamu otomatis mendapat sertifikat keamanan (HTTPS) gratis. Web kamu bakal terlihat pro dan aman.
Auto-Update (Fitur CI/CD): Ini fitur paling ajaib. Kalau kamu menyambungkan Netlify ke GitHub, setiap kali kamu mengedit coding-an dan menyimpannya ke GitHub, Netlify akan otomatis memperbarui web kamu di internet detik itu juga!
Cara Deploy Website ke Netlify (Cara Paling Bener)
Cara ini membutuhkan akun GitHub. Tenang, ga susah kok. Malah kelihatan lebih jago kalau kamu pake cara ini!
Persiapan:
Siapin folder berisi file website kamu (pastikan halaman utamanya bernama
index.html).Bikin akun di github.com kalau belum punya.
Langkah 1: Taruh Codingan kamu di GitHub
Login ke GitHub, klik tombol New (warna hijau) buat bikin Repository baru.
Kasih nama reponya, misal:
portofolio-abil. Lalu klik Create repository.Di halaman selanjutnya, cari tulisan "...or create a new file / uploading an existing file". Klik yang uploading.
Drag-and-drop (seret) semua file website lo ke dalam kotak yang disediain.
Tunggu proses upload selesai, trus klik tombol hijau Commit changes di paling bawah.
Langkah 2: Pindahin ke Netlify
Buka netlify.com dan klik Sign Up. Daftar pake akun GitHub yang tadi lo bikin.
(ini saya sudah login dengan github sebelumnya, jadi munculnya seperti ini, hanya untuk contoh yaa. itu klik "Authorize Netlify" untuk menautkan github dengan netlify.)
Setelah masuk dashboard Netlify, klik tombol Add new site, terus pilih Import an existing project.
Pilih logo GitHub. Kalau ada pop-up minta izin akses, klik Authorize aja.
Nanti bakal muncul nama repo kamu (contoh:
portofolio-abil). Klik nama repository itu.
Langkah 3: Deploy & Setting
Kamu bakal masuk ke halaman setting. Kalau web kamu cuma HTML/CSS biasa, jangan ubah apapun. Langsung scroll ke paling bawah.
Klik tombol Deploy site.
Tunggu sekitar 10-30 detik. Kalau statusnya udah hijau tulisan Published, web kamu udah live! Kamu bisa klik link yang disediain buat ngelihat hasilnya.
Gimana Kalau Mau Revisi Webnya?
Misalnya, kamu salah mengetik namamu di website, atau tiba-tiba ingin mengganti warna background. Apakah harus bikin pengaturan dari awal di Netlify? Tentu saja tidak!
Inilah enaknya menggabungkan GitHub dan Netlify:
1. Edit file coding-an kamu di laptop
2. Buka kembali repository kamu di GitHub, lalu timpa file yang lama dengan meng-upload file yang baru diedit (gunakan tombol Add file -> Upload files)
3. Klik Commit changes
4. Selesai! Netlify akan sadar secara otomatis kalau ada perubahan data di GitHub kamu. Coba buka ulang link website kamu di browser, tampilannya pasti sudah berubah mengikuti revisi terbarumu.
DAFTAR PUSTAKA
Dokumentasi Resmi Netlify: Ini ibarat buku panduan aslinya. Semua fitur, cara deploy bahasa pemrograman lain (kayak React/Vue), sampai cara setting domain kustom ada di sini. 🔗 https://docs.netlify.com/
Panduan Dasar GitHub: Buat lo yang masih meraba-raba soal gimana cara kerja Repository, Commit, atau Push kode yang bener. 🔗 https://docs.github.com/