· Coding  · 2 min read

Deploy dari AstroJS ke Cloudflare

Aplikasi Static sudah dibuat, lalu bagaimana cara Publishnya?

Aplikasi Static sudah dibuat, lalu bagaimana cara Publishnya?

Alasan

Melanjuti Post sebelumnya Migrasi dari Wordpress ke AstroJS

Salah satu hal yang membuat saya kesal dengan Wordpress selain harus rajin melakukan update Operating System VPS, PHP dan Wordpress Version. Ditambah lagi ternyata Aplikasi Wordpress kecil yang telah digunakan bertahun-tahun sering sekali Down padahal saya yakin pengunjung organiknya sedikit. Berarti kemungkinan besar ini adalah Bots yang ingin menulis Spam (Isi Spam Commentsnya sudah banyak sekali).

Database Connection Error

Dan menaikkan spesifikasi Droplet VPS ke Spesifikasi yang lebih tinggi untuk Blog yang hampir tidak pernah diupdate rasanya sayang.

Berhubung saya sudah mendaftarkan semua Website saya di Cloudflare karena harga Domainnya amat sangat murah, jadi kenapa tidak sekalian saja digunakan juga fitur Cloudflare Pagesnya.

Berikut adalah langkah-langkahnya:

Langkah 1: Pastikan Domain sudah diarahkan ke Cloudflare

Jika membeli Domainnya dari Cloudflare lebih mudah tetapi jika tidak cukup pastikan DNS sudah mengarah ke Cloudflare

Langkah 2: Upload menggunakan Wrangler

Setelah coding Static sudah di build maka cukup jalankan perintah untuk Upload file-file static tersebut ke server. Contohnya sbb:

npx wrangler pages deploy dist/apps/julianalimin.com --project-name julianalimin-com

Langkah 3: Buat Domainnya di Cloudflare

Di Cloudflare masuk ke Akun lalu pilih

  • Workers & Pages > Overview dan cari Project yang tadi di Upload
  • Setelah dipilih, masuk ke “Custom domains”
  • “Set up a custom domain” dan ikuti langkah-langkahnya termasuk setup DNS nya

Langkah 4: Intagrasi ke CI/CD

Jika menggunakan Github CI atau Gitlab CI/CD cukup buat Script yang otomatisasi langkah-langkah tadi, sehingga setiap kali melakukan push website akan langsung terupdate.

Kesimpulan

Ternyata tanpa memerlukan VPS pun sudah bisa mendeploy Website, dan dia akan terlindungi oleh Cloudflare dan anti Hack karena dia tidak ada Backendnya.

Back to Blog

Related Posts

lihat semua post »
Disrupsi AI

Disrupsi AI

Semakin banyak yang ingin gunakan AI untuk Upgrade.