Rumahweb's News, Article, and Tutorial of Web Development
Deploy React JS Application Di cPanel Hosting Rumahweb

Deploy React JS Application Di cPanel Hosting Rumahweb

React JS adalah framework yang menggunakan runtime nodeJS untuk mengembangkan frontend application. React sangat cocok digunakan untuk membuat landing page, static page, hingga progressive web apps.

Pada panduan kali ini, kami akan membahas tentang cara melakukan deploy hasil build React JS app ke cPanel hosting Rumahweb. Panduan kali ini tidak membahas tetang deployment backend appication melainkan hanya deploy React JS di NodeJS.

Berikut langkah-langkah deploy react js di cPanel :

1. Edit file package.json dari project react yang digunakan, lalu tambahkan script berikut:

“homepage”: “https://namadomainkalian.com/”,

Hasil edit :

Note:
Sesuaikan dengan nama domain / subdomain yang akan digunakan.

2. Buka terminal / cmd di dalam folder project react pada localhost kalian, lalu run command:

npm run build

3. Tunggu sampai hsail build selesai. Akan muncul folder baru yaitu “build” .

4. Cek kelengkapan isi folder “build” tersebut.

5. Siahkan buat ZIP archive dari isi folder “build”

6. Upload dan extract zip file ke dalam folder document root di cPpanel hosting yang digunakan.

7. Buat file .htaccess di dalam folder dokumen root yang digunakan.

8. Lalu isikkan script berikut:

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

9. Silahkan coba akses url domain / subdomain yang digunakan. Jika tidak ada kendala, akan muncul website hasil build react app.

Selesai, sangat mudah dan simple untuk deployment frontend react app di cPanel hosting Rumahweb.

Untuk kedepanya Anda dapat mengembangkan dengan mengkoneksikan git repository untuk melakukan remote edit script, agar tidak perlu buka cPanel untuk edit konten website react yang digunakan.

Demikian panduan deploy React JS Application Di cPanel Hosting Rumahweb, semoga bermanfaat.

Tinggalkan Komentar

Benny Eko Priharyanto

Blog Competition