Rumahweb Journal
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 :

image 1 - Deploy React JS Application Di cPanel Hosting Rumahweb

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” .

proses build - Deploy React JS Application Di cPanel Hosting Rumahweb

4. Cek kelengkapan isi folder “build” tersebut.

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

folder - Deploy React JS Application Di cPanel Hosting Rumahweb

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.

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rating rata-rata 4.8 / 5. Vote count: 4

Belum ada vote hingga saat ini!

Kami mohon maaf artikel ini kurang berguna untuk Anda!

Mari kita perbaiki artikel ini!

Beri tahu kami bagaimana kami dapat meningkatkan artikel ini?

Tinggalkan Komentar

Benny Eko Priharyanto