Online-kan!

Aplikasi uang jajanmu sudah jalan di laptop. Tapi sekarang cuma kamu yang bisa melihatnya. Gimana kalau kamu mau pamer ke teman, kirim linknya lewat WhatsApp, dan dia bisa langsung membukanya dari HP?

Kabar baiknya: ini lebih gampang daripada yang kamu bayangkan. Untuk aplikasi seperti punyamu, kamu cukup menyeret satu folder ke sebuah halaman web. Selesai. Tapi sebelum itu, kenalan dulu dengan dua kata yang pasti sering kamu dengar.

Hosting dan domain: rumah dan alamat

Supaya orang lain bisa membuka aplikasimu, file-filenya harus “tinggal” di komputer yang selalu menyala dan terhubung ke internet. Komputer semacam itu namanya serverServerKomputer yang selalu menyala dan melayani permintaan dari komputer lain lewat internet.Penjelasan lengkap →. Laptopmu nggak cocok: kalau kamu menutupnya, aplikasimu ikut hilang dari internet.

Karena itu orang menyewa tempat di server milik perusahaan lain. Layanan sewa tempat ini disebut hostingHostingLayanan sewa tempat di server supaya file aplikasimu bisa dibuka orang lain lewat internet.Penjelasan lengkap →. Sedangkan domainDomainNama alamat sebuah situs, seperti namamu.netlify.app, supaya mudah diingat.Penjelasan lengkap → adalah nama alamatnya, seperti namamu.netlify.app, supaya orang nggak perlu menghafal deretan angka.

Kalau dilihat dari kaca mata pengunjung, alamat lengkap sebuah halaman, seperti https://namamu.netlify.app, disebut URLURLAlamat lengkap sebuah halaman web, misalnya https://namamu.netlify.app.Penjelasan lengkap →. Menaruh aplikasi di hosting supaya bisa dibuka orang lain disebut deployDeployMenaruh aplikasi di hosting supaya bisa dibuka orang lain lewat internet.Penjelasan lengkap →, atau di bab ini kita sebut saja “mengonlinekan”.

Domain keren seperti uangjajan.com biasanya dibeli per tahun, dan harganya beda-beda tergantung penyedianya. Untuk belajar, kamu nggak perlu beli apa pun. Layanan hosting gratis memberi alamat bawaan (subdomainSubdomainBagian depan sebuah nama domain, seperti namamu pada namamu.netlify.app.Penjelasan lengkap →) seperti namamu.netlify.app atau namamu.pages.dev.

Kenapa aplikasimu gampang di-online-kan?

Aplikasi uang jajanmu itu satu file index.html. Semua logikanya dijalankan di browser pengunjung, lewat JavaScript, dan datanya disimpan di localStorage browser mereka juga. Tidak ada backendBackendBagian aplikasi di balik layar yang mengolah data dan menjalankan aturan, biasanya di server.Penjelasan lengkap → atau databaseDatabaseTempat menyimpan data dalam jumlah besar secara tertata, biasanya di server.Penjelasan lengkap → yang perlu dijalankan di server (Bab 6).

Situs seperti ini disebut situs statisSitus statisSitus yang file-nya dikirim apa adanya ke pengunjung, tanpa program yang berjalan di server.Penjelasan lengkap →: server cuma perlu mengirim file apa adanya, tanpa menjalankan program apa pun. Karena sederhana, hosting-nya pun banyak yang gratis dan prosesnya cuma beberapa klik.

Pilihan hosting gratis untuk pemula

Ada beberapa layanan yang bisa kamu pakai. Ini perbandingan singkatnya. (Terakhir dicek: Oktober 2026.)

Sedikit penjelasan tambahan. GitHub Pages meminta kamu membuat repositoryRepositoryFolder proyek yang riwayat perubahan kodenya dicatat oleh Git, sering disingkat repo.Penjelasan lengkap → (semacam folder proyek yang dikelola Git) di GitHub dulu. Lebih panjang untuk pemula, tapi nanti berguna kalau kamu serius belajar. Menurut ketentuan GitHub, layanan ini juga tidak ditujukan sebagai tempat jualan online. Cloudflare Drop itu layanan yang relatif baru dan sifatnya sementara: kalau dalam 60 menit nggak diklaim, situsnya tidak dipertahankan. Jadi bagus untuk coba-coba, bukan untuk alamat permanen.

Di bab ini kita pakai Netlify Drop karena langkahnya paling pendek.

Praktik: online-kan dengan Netlify Drop

Pastikan dulu folder uang-jajan dari Bab 8 berisi file bernama persis index.html. Lalu:

1. Di laptop, buka app.netlify.com/drop di browser.
2. Seret folder uang-jajan (bukan file di dalamnya, bukan seluruh folder Documents-mu) ke area bertuliskan seret-lepas di halaman itu.
3. Tunggu beberapa detik. Kamu akan mendapat alamat pratinjau.
4. Klaim situsnya. Ikuti petunjuk di layar untuk masuk atau mendaftar akun gratis. Menurut Netlify, kamu perlu mengklaim proyek supaya tetap online. Di blognya, Netlify juga menjelaskan bahwa situs yang belum punya pemilik tidak dibuat publik, karena dulu pernah banyak disalahgunakan untuk penipuan.
5. Pastikan situsnya publik. Untuk tim baru, Netlify membuat proyek dalam keadaan privat, yang hanya bisa dilihat orang yang login. Setelah deploy pertama berhasil, cari tombol Make public dan klik. Di tahap ini kamu juga bisa mengganti nama situsnya, jadi alamatnya lebih enak dibaca, misalnya uang-jajan-namamu.netlify.app.

Tampilan layanan seperti ini sering berubah. Kalau tombolnya beda dari yang tertulis di sini, cari kata kunci “claim” dan “public” atau “visibility” di halaman proyekmu.

Kalau kamu belum mau membuat akun, coba Cloudflare Drop (cloudflare.com/drop): seret folder atau satu file HTML, dan kamu langsung mendapat alamat workers.dev. Ingat, kamu harus mengklaimnya dalam 60 menit kalau mau mempertahankannya.

Tes dari HP teman

Sekarang bagian serunya. Kirim alamat .netlify.app itu ke temanmu lewat WhatsApp, lalu minta dia membukanya dari HP, lebih baik memakai data seluler, bukan Wi-Fi yang sama denganmu. Atau tes sendiri pakai HP-mu.

Kalau dia melihat halaman yang menyuruh login atau bilang nggak punya akses, berarti situsmu masih privat. Kembali ke langkah 5.

Kalau berhasil, dia akan melihat aplikasi uang jajanmu… dalam keadaan kosong. Itu bukan error. Seperti yang dibahas di Bab 8, data tersimpan di browser masing-masing orang, per alamat. Temanmu mulai dari nol dan mencatat jajannya sendiri. Catatanmu tetap aman di browsermu.

Mau memperbarui aplikasi setelah mengubah kodenya? Situs yang dibuat lewat seret-lepas tidak tersambung ke Git, jadi caranya manual. Menurut dokumentasi Netlify, buka halaman Deploys proyekmu, lalu seret folder terbarumu ke area unggah di bagian bawah halaman itu.

Hati-hati sebelum menekan “lepas”

Aplikasi uang jajan kita aman karena datanya memang tidak ikut terunggah. Yang terunggah cuma kode aplikasinya, dan data jajan tiap orang tinggal di browser masing-masing.