Cara Deploy Aplikasi React di Ubuntu 18.04

Cara Deploy Aplikasi React di Ubuntu 18.04

React adalah sebuah JavaScript library yang dapat digunakan untuk membangun user interfaces. React merupakan salah satu proyek open source dari Facebook.

1. Membuat User

Membuat user baru khusus pemilik aplikasi React.

2. Install Node.js

Install Node.js dengan versi yang sesuai dengan kebutuhan aplikasi React yang dibuat. Di sini saya menggunakan Node.js 12.x LTS.

Verifikasi hasil install Node.js.

3. Aplikasi React

Membuat aplikasi React untuk kebutuhan demo deploy.

Install create-react-app tool.

Membuat project reactapp.

Menguji menjalankan development server.

Hasilnya.

Tekan CTRL+C untuk menghentikan development server.

4. Install PM2

PM2 production process manager untuk aplikasi Node.js.

Install PM2.

Jalankan aplikasi React dengan menggunakan PM2.

5. Install Nginx

Selanjutnya install dan setting Nginx web server. Nginx yang akan berjalan di port 80 (HTTP) yang diakses oleh visitor, yang kemudian akan melakukan komunikasi dengan PM2 untuk eksekusi aplikasi React.

Buat file server block untuk domain disertai setting reverse proxy ke PM2. Di sini saya menggunakan nama domain pengembang.web.id.

Isi dari file pengembang.web.id.conf.

Restart service Nginx.

6. Pengujian

Browsing nama domain yang digunakan untuk aplikasi React.

Aplikasi create-react-app
Aplikasi create-react-app

Selamat mencoba 🙂

Default image
Musa Amin
I am a Linux System Administrator and also write many tutorials about Linux, Cloud, and Open Source. Hire me via email hai[at]musaamin.web.id.

Leave a Reply