Cara Install dan Membuat Project React.js di VPS Ubuntu

By Amin triwinanto

Bagikan artikel ini 🫰🏻

React.js adalah salah satu library JavaScript yang populer dan digunakan secara luas untuk membangun User Interface (UI) yang interaktif.

React terdiri dari file HTML, CSS, dan JavaScript yang dikompilasi dan sering digunakan sebagai frontend untuk aplikasi yang lebih kompleks.

Jika Anda ingin mengembangkan aplikasi web dengan menggunakan React.js dan menjalankannya di VPS Ubuntu, berikut adalah langkah-langkah yang dapat Anda ikuti.

Cara Install dan Membuat Project React.js di VPS Ubuntu

Pastikan Anda memiliki akses ke VPS Ubuntu yang telah terpasang dan terhubung dengan baik. Anda juga perlu memastikan bahwa Anda memiliki hak akses administratif (root) atau akses sebagai pengguna dengan hak akses sudo.

Pertama-tama, Anda perlu menginstal Node.js di VPS Ubuntu. Node.js adalah lingkungan runtime JavaScript yang diperlukan untuk menjalankan React.js.

Perbarui repositori paket dengan perintah berikut:

sudo apt update

Instal Node.js dengan perintah berikut:

sudo apt install nodejs

Verifikasi instalasi Node.js dengan memeriksa versi yang terinstal:

nodejs -v

Instal juga npm (Node Package Manager) dengan perintah berikut:

Verifikasi instalasi npm dengan memeriksa versi yang terinstal:

npm -v

Setelah menginstal Node.js, Anda dapat membuat proyek React.js baru di VPS Ubuntu.

Gunakan perintah create-react-app untuk membuat project baru. Misalnya, untuk membuat project dengan nama “my-react-app”, jalankan perintah berikut:

npx create-react-app my-react-app

Tunggu hingga proses pembuatan project selesai. NPM akan mengunduh dan menginstal dependensi yang diperlukan untuk project React.js.

Setelah proses selesai, masuk ke direktori project dengan perintah berikut:

cd my-react-app

Jalankan aplikasi React.js dengan perintah berikut:

npm start

Aplikasi React.js akan dijalankan di server development lokal dan dapat diakses melalui browser dengan alamat http://localhost:3000.

Jika Anda ingin mendeploy aplikasi React.js ke VPS Ubuntu untuk digunakan secara publik, Anda perlu mengkonfigurasi VPS agar dapat menangani permintaan dari luar. Berikut adalah langkah-langkah untuk mengkonfigurasi VPS untuk production:

Gunakan web server seperti Nginx atau Apache untuk melayani aplikasi React.js. Anda dapat menginstal Nginx dengan perintah berikut:

sudo apt install nginx

Konfigurasi Nginx untuk meneruskan permintaan ke aplikasi React.js yang berjalan di http://localhost:3000. Anda dapat membuat konfigurasi baru di direktori /etc/nginx/sites-available/ dan mengaktifkannya dengan membuat tautan ke direktori /etc/nginx/sites-enabled/.

Ubah pengaturan DNS domain agar mengarah ke alamat IP VPS Ubuntu . Jika Anda belum memiliki domain, Anda dapat menggunakan alamat IP langsung untuk mengakses aplikasi React.js. dengan mengakses http://IPVPS:3000.

Kesimpulan

Disini Anda telah berhasil menginstal dan menerapkan React App dengan Nginx sebagai web server di Ubuntu 20.04. Anda sekarang dapat mulai mencoba React App untuk mendapatkan lebih banyak fitur.

Demikian panduan Cara Install dan Membuat Project React.js di VPS Ubuntu, Semoga Bermanfaat 🙂