Netlify.com adalah sebuah platform yang menyediakan layanan hosting statis, ada yang versi gratis dan ada yang versi berbayar. Untuk tutorial kali ini, kita akan menggunakan yang versi gratis. Selain netlify, sebenarnya ada banyak perusahaan laen yang menyediakan layanan hosting gratis seperti vercel, github, Amazon S3, Render, dan lainnya. Bedanya ada pada fitur, seperti banyaknya kapasitas penyimpanan, bandwidth perbulan, dan lain sebagainya.
Apa yang perlu dipersiapkan untuk membuat website statis gratis di Netlify ?
- e-Mail, untuk registrasi akun.
- File website yang akan kita publikasikan/upload ( file index.html dan semua file dan folder yang mau kita upload ).
Registrasi akun Netlify.com
- Buka browser, lalu masuk ke netlify.com, Cari tombol Sign Up ( biasanya ada di sebelah kanan atas )
- Kemudian pilih, Sign up with email
- Masukkan email, dan password untuk masuk ke netlify nantinya, lalu tekan tombol SIGN UP.
- Setelah itu akan muncul tampilan seperti gambar dibawah ini, artinya mereka sudah mengirimkan sebuah email ke alamat email yang tadi kita masukkan untuk registrasi.
- Buka email ( saya tadi menggunakan gmail ), lalu buka email dari netlify,
- Buka emailnya
- Lalu klik Verify email
Setelah di klik Verify email, maka akan muncul form registrasi seperti pada gambar dibawah ini, isi sesuai data yang diingikan :
- Isi First Name dan Last Name dengan nama anda
- How are you planning to use Netlify? Pilihan bebas ( Saya pilih PERSONAL )
- What kind of site do you want to build first? Pilihan bebas ( Saya pilih PERSONAL )
- What best describes your role? Pilihan bebas ( Saya pilih OTHER )
- What is the name of your team? Bebas isian ( Saya isi Megatron )
Setelah selesai mengisi form, lanjut dengan klik tombol Continue to Deploy
Langkah selanjutnya adalah, upload file htmlnya.
Di awal, sudah saya jelaskan, sebelum kita upload, siapkan dulu file html dan para pendukungnya, yang perlu diingat adalah lokasi penyimpanan file tersebut. dan saya sudah menyiapkannya seperti yang terlihat pada gambar dibawah ini :
Lokasi penyimpanan file saya ada di drive D:\MPIdamaL3
Setelah kita mengisi form registrasi tadi, lalu setelah ditekan tombol Continue to Deploy, maka akan muncul tampilan seperti dibawah ini :
Klik/tekan “Try Netlify Drop“, setelah itu akan muncul tampilan seperti dibawah ini :
Klik BROWSE TO UPLOAD, lalu arahkan ke folder tempat kita menyimpan file HTML yang sudah kita siapkan tadi.
Tekan tombol UPLOAD. lalu akan muncul notifikasi seperti ini :
Pilih UPLOAD. lalu tunggu hingga proses upload selesai. Jika muncul notifikasi seperti ini, maka proses upload kita sukses :
Klik Get Started. Kemudian akan muncul tampilan seperti ini :
Klik menu SITES ( disebelah kiri ), lalu klik situs yang sudah kita deploy tadi ( lihat panah kedua ). Setelah kita klik situs yang sudah kita deploy tadi, maka akan muncul tampilan seperti dibawah ini :
Perhatikan area yang saya lingkari, kita mendapatkan alamat url random dari netlify ( https://leafy-queijadas-2d–1b.netlify.app ), nama ini pasti tidak akan sama dengan dilayar anda, yang jelas, nama tersebut adalah yang nama otomatis yang diberikan oleh netlify kepada kita pada saat mendeploy website.
Bagaimana cara mengganti alamat url tersebut menjadi alamat yang lebih mudah untuk dibaca ? misalkan diganti dengan nama https://tugaspembelajaran.netlify.app ?
Klik saja tombol SITE CONFIGURATION ( ada dibawah alamat url yang saya lingkari ), setelah menekan tombol SITE CONFIGURATION, maka akan muncul tampilan seperti dibawah ini :
Tekan tombol Change Site Name. Setelah itu akan muncul seperti pada gambar dibawah ini, rubah nama sesuai dengan keinginan asal nama tersebut belum pernah terpakai di netlify :
Tekan tombol Save. Jika tidak berhasil, maka anda harus mengganti nama itu dengan nama lain. Jika berhasil, maka akan muncul tampilan seperti dibawah ini :
Artinya kita sudah berhasil upload conten html, dan punya nama alamat url https://tugaspembelajaran.netlify.app
Selanjutnya, untuk mengetes apakah benar berhasil, buka browser ( chrome/firefox/apasaja ), lalu ketikan https://tugaspembelajaran.netlify.app lalu enter.
Apakah dalam 1 akun netlify hanya bisa menghosting 1 alamat url saja ? TIDAK. Kita bisa menghosting lebih dari 1 alamat url. Caranya bisa dilihat pada tutorial ini : https://frasmedia.com/cara-nambah-situs-baru-di-netlify.html
1 thought on “Alternatif hosting statis di Netlify”