Cara Deploy React Project ke Netlify

Netlify

Halo guys, pada kali ini saya akan membagikan cara mendeploy project React kita ke Netlify. Pastikan Anda sudah memiliki akun Netlify, jika belum silahkan buat akun terlebih dahulu.

Sebelum kita mulai mendeploy, buat versi production terlebih dahulu pada project React kita dengan menjalankan perintah berikut pada terminal.

npm run build

Perintah di atas akan menghasilkan sebuah folder baru bernama build pada project React Anda. Sekarang project Anda sudah bisa di deploy. Langsung saja kita mulai.

Jika Anda baru pertama kali menggunakan Netlify, install terlebih dahulu agar nanti bisa kita gunakan lewat terminal. Cukup dilakukan sekali saja, jika kita sudah pernah menginstall maka tidak perlu diinstall kembali. Jalankan perintah berikut pada terminal.

npm i netlify-cli

Selanjutnya jalankan perintah berikut.

netlify deploy

Silahkan pilih Create & configure a new site.

Pilih tim pada akun Netlify Anda.

Kemudian masukkan nama situs yang ingin dibuat nanti. Anda bisa melewatkan tahap ini. Jika Anda melewati tahap ini, maka situs Anda akan dibuat dengan nama random oleh Netlify. Tapi jangan khawatir, karena Anda dapat mengubahnya nanti.

Situs Anda berhasil dibuat. Selanjutnya ketik build pada Publish directory.

Langkah terakhir jalankan perintah berikut.

netlify deploy --prod

Ketik build lagi pada pertanyaan Publish directory.

Selamat website Anda berhasil di deploy. Anda dapat mengakses nya pada Website URL yang tersedia.