Cara Deploy React JS App Dari cPanel

1. Buka React App yang ingin dideploy, buka file package.json dan tambahkan atribut “homepage” pada file tersebut.

Format atributnya : “homepage”: “https://nama.domain”.

2. Pada folder root aplikasi yang ingin dideploy, jalankan perintah yarn install , agar update dari dependencies terinstall.

3. Jalankan perintah yarn build (Bisa juga menggunakan npm install atau npm build)

4. Setelah perintah sebelumnya selesai berjalan, akan terdapat folder baru dengan nama build. Folder ini berisi file website dari React App yang bisa dijalankan pada server hosting.

5. Login ke cPanel

6. Masuk ke menu file manager, dan upload seluruh file yang ada pada folder build sebelumnya, ke folder root domain (Misal :folder root dari primary domain adalah public_html).

7. Masih pada folder root domain, buat file .htaccess.

8. Edit file .htaccess dengan konten sebagai berikut :

RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]

Jangan lupa untuk simpan file .htaccess

9. Coba akses nama domain pada browser. Jika tidak ada kendala, akan muncul website hasil build react app.