Cara Install dan Deploy Svelte.js di VPS Ubuntu

By Amin triwinanto

Bagikan artikel ini 🫰🏻

Svelte.js adalah framework JavaScript yang inovatif untuk membangun User Interface(UI) yang responsif dan dinamis. Dalam panduan ini, kami akan menjelaskan langkah-langkah yang diperlukan untuk menginstal dan mendeploy aplikasi Svelte.js di VPS Ubuntu. Dengan mengikuti panduan ini, Anda akan dapat menjalankan aplikasi Svelte.js.

Cara Install dan Deploy Svelte.js di VPS Ubuntu

Sebelum memulai proses instalasi dan deployment, pastikan VPS Ubuntu Anda telah terhubung dan diperbarui dengan versi terbaru dari sistem operasi. Pastikan juga Anda memiliki akses root atau akses pengguna dengan hak sudo yang memadai.

Svelte.js membutuhkan Node.js sebagai platform runtime. Berikut adalah langkah-langkah untuk menginstal Node.js pada VPS Ubuntu:

Buka terminal dan jalankan perintah berikut untuk mengunduh dan menginstal Node.js versi terbaru:

curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

Untuk memverifikasi apakah Node.js telah terinstal dengan sukses, jalankan perintah berikut:

node -v 
npm -v

Jika versi Node.js dan npm ditampilkan, itu berarti instalasi berhasil.

Setelah Node.js terinstal, langkah selanjutnya adalah membuat Project Svelte.js. Ikuti langkah-langkah di bawah ini:

Buka terminal dan jalankan perintah berikut untuk menginstal Svelte.js melalui perintah npx:

npx degit sveltejs/template svelte-app

Setelah perintah selesai dieksekusi, navigasikan ke direktori peoject dengan menjalankan perintah berikut:

cd svelte-app

Sekarang, instal dependensi project dengan menjalankan perintah berikut:

npm install

Setelah proyek Svelte.js dibuat, langkah terakhir adalah melakukan build dan deployment aplikasi ke VPS Ubuntu. Berikut adalah langkah-langkahnya:

Pada direktori project, jalankan perintah berikut untuk melakukan build aplikasi:

npm run build

Perintah ini akan membuat direktori public yang berisi file-file yang siap untuk dideploy.

Anda dapat menggunakan server web apa pun untuk mendeploy aplikasi Svelte.js, seperti Nginx atau Apache. Misalnya, jika Anda menggunakan Nginx, buka file konfigurasi Nginx dengan perintah berikut:

sudo nano /etc/nginx/sites-available/default

Dalam file konfigurasi Nginx, hapus konfigurasi default dan gantikan dengan yang berikut:

server {
listen 80;
server_name domain_anda.com;
root /path/to/svelte-app/public;
index index.html;
location / {
    try_files $uri $uri/ =404;
}
}

Pastikan mengganti domain_anda.com dengan nama domain atau alamat IP server dan /path/to/svelte-app dengan jalur ke direktori project Svelte.js di VPS Ubuntu.

Simpan perubahan dan keluar dari editor teks.

Restart Nginx dengan menjalankan perintah berikut:

sudo systemctl restart nginx

Kesimpulan

Dengan mengikuti langkah-langkah di atas, sekarang telah berhasil menginstal dan mendeploy aplikasi Svelte.js di VPS Ubuntu. Anda dapat mengakses aplikasi melalui alamat IP server atau nama domain yang telah tentukan dalam konfigurasi Nginx

Demikian panduan Terkait Cara Install dan Deploy Svelte.js di VPS Ubuntu, Semoga bermanfaat 🙂