Deployment
Dalam proses pengembangan aplikasi atau web app, terdapat fase deployment di mana kita akan menyebarkan aplikasi yang sudah dibuat. Umumnya, pada tahap deployment, kita membuat dua server yaitu staging dan production.
Staging digunakan untuk melakukan pengujian sebelum aplikasi diimplementasikan di production, yang nantinya akan digunakan oleh pengguna akhir.
Pada materi ini, kita akan melakukan deployment proyek untuk keperluan staging. Ada banyak opsi untuk membuat aplikasi dapat diakses oleh orang lain, seperti menggunakan Cloud, VPS, hosting, SaaS (Software as a Service), dan sebagainya. Kali ini, kita akan melakukan deployment ke Netlify sebagai pilihan opsi SaaS.
Daftar
Sebelum melakukan proses deployment, silakan akses https://www.netlify.com/. Jika belum memiliki akun, silakan daftar terlebih dahulu dengan memilih tombol Sign Up.
Ada 4 pilihan Sign Up akun netlify. Silakan pilih salah satu Sign Up with Email/Github/GitLab/BitBucket.
Tekan tombol Authorize Netlify jika Sign Up menggunakan GitHub.
Dashboard
Jika sudah selesai proses daftar, kemudian dilanjutkan login netlify, akan tampil halaman Dashboard sebagai berikut:
Pada halaman Dashboard terdapat 3 pilihan cara deployment, antara lain Import an existing project, Start from a template dan Deploy manually. Kali ini kita akan coba Deploy manually.
Sebelum lanjut ke proses deploy manually, silakan jalankan perintah berikut ini pada terminal Project React
npm run buildPerintah npm di atas akan membuat satu folder dengan nama build di dalam project React
Deployment
Pilih Deploy manually
Kemudian drag and drop folder build ke dalam halaman netlify
Jika deployment berhasil, tampil halaman Published deploy. Kemudian pilih menu Site overview.
Pada halaman Site overview menampilkan link Project React yang dapat diakses secara publik.
Selanjutnya kita coba akses link berikut ini : https://calm-liger-fe2174.netlify.app/
Demikian materi deploy project React ke Netlify.
Semoga bermanfaat 😄
Last updated