Sudah capek-capek coding HTML dan CSS di laptop, tapi bingung gimana cara kasih lihat ke teman atau dunia? Netlify adalah solusinya! Layanan hosting ini gratis, cepat, dan semudah "Drag & Drop".
1Persiapan Folder Project
Sebelum upload, pastikan struktur folder kamu sudah benar. Ini kesalahan paling sering pemula!
index.html (huruf kecil semua) dan berada di LUAR folder lain (di root folder).
Contoh struktur yang BENAR:
- Project-Website-Saya
- index.html WAJIB
- about.html
- css / style.css
- img / foto.jpg
2Daftar & Login Netlify
Buka situs netlify.com. Klik Sign Up.
Saran saya, daftar menggunakan akun GitHub atau Email. Prosesnya cepat dan gratis selamanya untuk project personal.
3Drag & Drop (Tarik & Lepas)
Ini bagian ajaibnya. Setelah login, kamu akan masuk ke halaman Dashboard (Team Overview).
- Cari area kotak putus-putus bertuliskan:
"Drag and drop your site output folder here" (biasanya di bagian bawah tab 'Sites'). - Buka folder komputermu, klik tahan folder project-mu.
- Geser (drag) ke browser dan lepas (drop) di area kotak tersebut.
4Ganti Nama Website
Setelah upload sukses, link website kamu biasanya aneh, contoh: nostalgic-beaver-12345.netlify.app. Yuk ganti biar keren!
- Klik tombol Site configuration atau Site settings.
- Klik tombol Change site name.
- Ketik nama yang kamu mau (misal:
portofolio-candra). - Klik Save.
Sekarang website kamu sudah bisa diakses di: https://portofolio-candra.netlify.app
Selesai!
Selamat! Kamu sudah punya website yang online. Link tersebut bisa kamu taruh di Bio Instagram, LinkedIn, atau dikirim ke dosen/guru sebagai tugas. Jangan lupa update kontennya secara berkala dengan cara upload ulang folder yang sudah diedit.