Tutorial Export HTML Shuriken ke Netlify

Netlify merupakan penyedia jasa hosting untuk web statis dengan beberapa fitur yang menarik seperti CDN dan SSL. Pada artikel kali ini, kami akan memanfaatkan Netlify untuk meng-host web statis dengan konten yang bersumber dari Shuriken.

Alat dan Bahan

1. Shuriken
2. Laragon
3. Akun Netlify

— Create Content Shuriken dengan Laragon —

Tahap pertama ini kita perlu menyiapkan konten web statis nya terlebih dahulu dengan menggunakan Shuriken di localhost. Tool yang akan kita gunakan adalah Laragon yang merupakan alternatif XAMPP yang cukup bagus dan mudah penggunaannya. Berikut tahapannya..

1. Buka Laragon di PC / laptop Windows Anda, kemudian klik Start All (1)

2. Buka folder root (direktori instalasi laragon) yang biasanya berlokasi di Local Disk (C:) > laragon > www , kemudian isi dengan file shuriken.

3. Buka kembali laragon, klik Terminal

4. Di dalam terminal, ketik ls untuk mengetahui isi direktori root. Terlihat sudah ada file Shuriken didalamnya.

5. Lakukan unzip file Shuriken dengan perintah unzip shuriken-3.3.2.zip

6. Lanjut dengan perintah php clear-data.php

7. Mulai scrape konten dengan keyword yang sudah disiapkan, contoh php import.php "bathroom ideas" en en 50. Tunggu hingga proses scraping selesai.

8. Pasang kode statistik dan kode ads (adsterra) akan kita pasang di footer.blade.php. Masuk ke folder ads dengan perintah cd ads

9. Edit file footer.blade.php dengan perintah vim footer.blade.php

10. Ketik huruf “i” untuk mulai editing, pastekan kode statistik dan kode iklan dengan klik kanan kemudian paste. kode iklan yg sudah dipasang (1), kode statistik yg sudah terpasang (2). Klik tombol esc untuk mengakhiri editing, kemudian ketik :wq untuk menyimpan dan menutup vim editor.

11. Generate file html dengan perintah php export-html.php “nama-file”

12. Login ke akun Netlify, siapkan file html yang berlokasi di folder export – html (1) , kemudian di tab Sites drag & drop file html yang sudah dibuat sebelumnya (2)

13. Berhasil deploy html shuriken ke Netlify