research-svelte Svelte Themes

Research Svelte

Svelte is a radical new approach to building user interfaces.


svelte app

Ini adalah sebuah proyek riset yang menggunakan template Svelte dan disini kita akan membuaut sebuah apps dengan svelte. jika anda ingin melihat live demo nya anda bisa mengakses link berikut https://github.com/sveltejs/template.

Untuk membuat sebuah proyek baru berdasarkan templat anda bisa menggunakan template berikut degit, dan untuk perintah berikut :

npx degit sveltejs/template svelte-app
cd svelte-app

Catatan : Kamu akan membutuhkan Node.js yang sudah terinstall

Mari Mulai

Instal terlebih dahulu dependencies nya, masukan perintah berikut :

cd svelte-app
npm install

Lalu jalankan Rollup, dengan memasukan perintah berikut:

npm run dev

Navigasikan ke link localhost:5000. Anda akan melihat svelte berjalan. Ubah file komponen di src, Lalu simpan, dan lalu perbarui browser anda untuk melihat perubahan.

Sebagai default, Server hanya akan merespon request dari localhos. Untuk mengizinkan koneksi dari komputer lain, Ubahlah perintah sirv didalam package.json termasuk pilihan --host 0.0.0.0.

Deploying Web

Dengan now

Install now jika belum terinstall, masukan perintah berikut :

npm install -g now

Lalu, dari folder proyek anda, masukan perintah berikut :

cd public
now

Sebagai salah satu alternatif, gunakan Now desktop client dan sederhana drag folder proyek unzipped ke taskbar icon.

Dengan surge

Install surge jika belum terinstall, masukan perintah berikut :

npm install -g surge

Lalu, dari folder proyek anda, masukan perintah berikut :

npm run build
surge public

Jika anda mencari sebuah template komponen yang sudah ada? pergi kesini --> sveltejs/component-template

Top categories

Loading Svelte Themes