Cara Build Website ReactJS dengan Yarn dan Apache

Yarn adalah installer yang dikembangkan oleh Facebook untuk menyelesaikan beberapa kekurangan npm. Secara teknis, Yarn bukan pengganti npm karena bergantung pada modul dari registri npm. Registri itu sendiri tidak berubah, tetapi metode instalasi berbeda. Karena Yarn memberi Anda akses ke paket yang sama dengan npm, mengganti dari npm ke Yarn tidak mengharuskan Anda untuk membuat perubahan apa pun pada alur kerja Anda.

Dalam tutorial kali ini, untuk menjalankan website react package yang harus diinstall adalah:
– NVM = berfungsi untuk mengatur versi node yang ingin digunakan
– Node.js = environment untuk javascript
– NPM = satu paket jika menginstall node (bisa untuk build react app)
– Yarn = yang akan digunakan untuk build react app
– Apache2 = agar website react.js bisa diakses melalui browser

Install NVM dengan user sudo

su - user
sudo apt install curl 
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash 
source ~/.bashrc
sudo cp ~/.bashrc /home/user
cd /home/user
nano .bashrc

Lalu masukkan code berikut ini dan save:

export NVM_DIR="$HOME/.nvm" 
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"  # This loads nvm 
[ -s "$NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

Install Node.js dengan NVM
```
nvm install node
node -v
npm -v
```
Jika ingin merubah versi node.js silahkan lihat terlebih dahulu daftar release node.js yang tersedia

Trending

Cara Install Gitlab di Ubuntu Server
```
nvm ls-remote

#install versi yang ingin digunakan
nvm install 18.13.0
nvm use 18.13.0
```

Install yarn

curl -sL https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt update
sudo apt install yarn
sudo yarn --version

Build React-app Web dengan Yarn

mkdir /var/www/html/alvian
cd /var/www/html/alvian
yarn create react-app coba
cd /var/www/html/alvian/coba
yarn build
chown -R www-data:www-data /var/www/html

Install Apache2 dan buat virtual host

sudo apt install apache2
sudo /etc/init.d/apache2 start
sudo /etc/init.d/apache2 status
sudo systemctl enable apache2

Buat virtual host dengan domain yang anda miliki, contohnya saya menggunakan domain coba.com (static host)

sudo nano /etc/apache2/sites-enabled/coba.com

Isi dengan script dibawah ini:

<VirtualHost *:80>
ServerName coba.com
ServerAlias www.coba.com

DocumentRoot /var/www/html/alvian/coba/build
<Directory /var/www/html/alvian/coba/build>
        Options Indexes FollowSymLinks MultiViews
        Order Allow,Deny
        AllowOverride All
        Require all granted
        Allow from all
</Directory>
ErrorLog /var/log/apache2/error.log
CustomLog /var/log/apache2/access.log combined
</VirtualHost>

Restart apache nya dan akses melalui browser