Tutorial Deploy & Edit Static HTML Menggunakan Netlify CLI

Netlify merupakan penyedia layanan web hosting gratis untuk static html. Selain memiliki fitur drag & drop yang memudahkan kita untuk deploy, platform ini juga memiliki fitur Netlify CLI yang tidak hanya bisa digunakan untuk deploy tapi juga untuk edit web yang sudah di deploy.

Alat dan Bahan

1. File Static HTML yang bisa digenerate dari Shuriken, Videoken atau Stupidbot
2. Node.js
3. Akun Netlify
4. Command Prompt / CMD

Berikut langkah-langkahnya.

1. Download node.js disini , kemudian install dengan mengikuti petunjuk di instaler nya.

2. Buka Windows Explorer, pindah ke path/lokasi file HTML yang akan di deploy ke Netlify.

Berikut tampilan terminal yang sudah dibuka

3. Instal netlify cli dengan perintah

npm install netlify-cli -g

4.Login ke akun netlify dengan perintah netlify login

Akan terbuka browser baru dan langsung menuju area login netlify, silahkan login ke akun.

5. Di langkah berikutnya akan diminta authorisasi akses Netlify CLI, silahkan pilih Authorize.

Berhasil authorisasi

6. Kembali ke terminal dan mulai deploy site dengan perintah netlify deploy (1), gunakan tanda panah ke bawah untuk pilih create & configure a new site (2) kemudian klik Enter.

7. Pilih team dengan menggunakan tanda panah, kemudian klik Enter

8. Masukan nama site yang anda inginkan, misalnya resep-remaja, kemudian tekan Enter.

9. Pilih publish directory, tekan tombol titik (.) jika sudah berada di lokasi direktori file html yang akan dipublish. Kemudian tekan Enter.

10. Deploy static html dengan perintah netlify deploy --prod (1) berhasil deploy (2).

Berhasil deploy

11. Menambahkan sitemap untuk mempercepat index dengan menggunakan sitemap generator-nya dojo. Buka ekstensi sitemap generator di chrome. Masukkan url yang akan di scrape (1) klik start crawling (2).

12. Crawling selesai, silahkan klik generate sitemap

13. Hasil generate sitemap, silahkan unzip terlebih dahulu.

14. Copy dan paste sitemap tersebut ke lokasi folder static html resep-remaja

15. Kembali ke terminal, kemudian ketik perintah netlify deploy (1), kemudian ketik titik . jika sudah berada di direktori lokasi file html (2), kemudian tekan Enter.

16. Lanjut dengan perintah  netlify deploy --prod (1), tekan titik . untuk menentukan publish direktori (2), kemudian Enter.

17. Cek sitemap sudah berhasil di upload dengan ketik nama-site.netlify.app/sitemap-0.xml