# Installation on Apache

1. Pastikan XAMPP sudah di install di OS kamu, jika belum kamu bisa download pada link ini : <https://www.apachefriends.org/download.html>, lalu setelah download selesai install XAMPP.
2. Selanjutnya sesuaikan dan tambahkan port baru untuk aplikasi kamu. Asumsi kamu sudah install xampp di drive C:\xampp, maka buka file <mark style="color:purple;">**httpd.conf**</mark> pada folder **C:\xampp\apache\conf .** Buka file menggunakan text editor atau dengan notepad, lalu tekan <mark style="color:orange;">**ctrl + F**</mark> pada keyboard untuk menemukan kata <mark style="color:purple;">**"listen"**</mark>. Setelah ketemu kata "listen" lalu tambahkan port baru misal Listen 7010 kemudian save file seperti pada gambar contoh dibawah ini : &#x20;

   <figure><img src="https://4009479446-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELbr94H26l2v1l9CCypT%2Fuploads%2FvBlf9iQ9zWye7pO9Z2ZE%2FXAMPP1.png?alt=media&#x26;token=379fad97-7424-4399-b13f-9f4c97a7bddd" alt=""><figcaption></figcaption></figure>
3. Buka file <mark style="color:purple;">**httpd-vhosts.conf**</mark> pada folder **C:\xampp\apache\conf\extra**. Lalu buat virtual host baru dengan cara menambahkan seperti contoh dibawah ini :&#x20;
4. ```markup
   <VirtualHost *:7010>
       DocumentRoot "C:/xampp/htdocs/saba_framework"
       ServerName localhost:7010
       <Directory "C:/xampp/htdocs/saba_framework">
           DirectoryIndex index.html
           AllowOverride All
           Order allow,deny
           Allow from all
       </Directory>
   </VirtualHost>
   ```
5. Sesuaikan folder pada **DocumentRoot** & **Directory** dengan letak folder saba framework kamu. Pastikan bukan menggukan slash tapi back-slash. Contoh gambar :&#x20;

   <figure><img src="https://4009479446-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELbr94H26l2v1l9CCypT%2Fuploads%2FN0BLFM7TwUGieNJ6Z3Cp%2FXAMPP2.png?alt=media&#x26;token=b92bd687-0c76-488e-995d-18a70bb9b937" alt=""><figcaption></figcaption></figure>
6. Jika sudah lalu save file dan jalankan service xampp atau restart service xampp.
7. Jika tampil seperti gambar dibawah ini maka kamu sudah berhasil menyelesaian proses installasi saba framework versi react.&#x20;

   <figure><img src="https://4009479446-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELbr94H26l2v1l9CCypT%2Fuploads%2FpO0sjtV1peB25DWM98jr%2FIIS7.png?alt=media&#x26;token=a71185b3-c008-4a8a-a843-8b262e057471" alt=""><figcaption></figcaption></figure>