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.<\/p>\n\n\n\n
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.<\/p>\n\n\n\n
Svelte.js membutuhkan Node.js sebagai platform runtime. Berikut adalah langkah-langkah untuk menginstal Node.js pada VPS Ubuntu:<\/p>\n\n\n\n
Buka terminal dan jalankan perintah berikut untuk mengunduh dan menginstal Node.js versi terbaru:<\/p>\n\n\n\n
curl -sL https:\/\/deb.nodesource.com\/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs<\/code><\/pre>\n\n\n\nUntuk memverifikasi apakah Node.js telah terinstal dengan sukses, jalankan perintah berikut:<\/p>\n\n\n\n
node -v
npm -v<\/code><\/pre>\n\n\n\nJika versi Node.js dan npm ditampilkan, itu berarti instalasi berhasil.<\/p>\n\n\n\n
Setelah Node.js terinstal, langkah selanjutnya adalah membuat Project Svelte.js. Ikuti langkah-langkah di bawah ini:<\/p>\n\n\n\n
Buka terminal dan jalankan perintah berikut untuk menginstal Svelte.js melalui perintah npx<\/code>:<\/p>\n\n\n\nnpx degit sveltejs\/template svelte-app<\/code><\/pre>\n\n\n\nSetelah perintah selesai dieksekusi, navigasikan ke direktori peoject dengan menjalankan perintah berikut:<\/p>\n\n\n\n
cd svelte-app<\/code><\/pre>\n\n\n\nSekarang, instal dependensi project dengan menjalankan perintah berikut:<\/p>\n\n\n\n
npm install<\/code><\/pre>\n\n\n\nSetelah proyek Svelte.js dibuat, langkah terakhir adalah melakukan build dan deployment aplikasi ke VPS Ubuntu. Berikut adalah langkah-langkahnya:<\/p>\n\n\n\n
Pada direktori project, jalankan perintah berikut untuk melakukan build aplikasi:<\/p>\n\n\n\n
npm run build<\/code><\/pre>\n\n\n\nPerintah ini akan membuat direktori public<\/code> yang berisi file-file yang siap untuk dideploy.<\/p>\n\n\n\nAnda 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:<\/p>\n\n\n\n
sudo nano \/etc\/nginx\/sites-available\/default<\/code><\/pre>\n\n\n\nDalam file konfigurasi Nginx, hapus konfigurasi default dan gantikan dengan yang berikut:<\/p>\n\n\n\n
server {
listen 80;
server_name domain_anda.com;
root \/path\/to\/svelte-app\/public;
index index.html;
location \/ {
try_files $uri $uri\/ =404;
}
}<\/code><\/pre>\n\n\n\nPastikan mengganti domain_anda.com<\/code> dengan nama domain atau alamat IP server dan \/path\/to\/svelte-app<\/code> dengan jalur ke direktori project Svelte.js di VPS Ubuntu.<\/p>\n\n\n\nSimpan perubahan dan keluar dari editor teks.<\/p>\n\n\n\n
Restart Nginx dengan menjalankan perintah berikut:<\/p>\n\n\n\n
sudo systemctl restart nginx<\/code><\/pre>\n\n\n\nKesimpulan<\/h2>\n\n\n\n
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<\/p>\n\n\n\n