Cara Mudah Setup Proyek Svelte dengan TypeScript

Penasaran dengan Svelte, framework JavaScript yang lagi naik daun?

Yuk, kita setup proyek Svelte bareng-bareng!

Svelte terkenal dengan performanya yang ngebut dan sintaksnya yang simpel, cocok buat kamu yang mau bikin aplikasi web modern tanpa ribet.

Langkah-langkahnya:

1. Pastikan Node.js dan npm sudah terinstall: Cek dengan perintah node -v dan npm -v di terminal.


2. Buat proyek baru: Jalankan npx sv create nama-proyekmu. Ganti "nama-proyekmu" dengan nama proyek yang kamu inginkan.


3. Masuk ke folder proyek: Ketik cd nama-proyekmu.


4. Install dependensi: Jalankan npm install.


5. Jalankan server pengembangan: Ketik npm run dev.


6. Proyek Svelte kamu akan berjalan di localhost:5173.

Baca artikel lainya :

• Jangan Lupakan! Modularitas & Maintainability Pilar Produk Berkelanjutan


• Cara Kerja Kafka Single Partisi, Banyak Consumer: Ilustrasi Kode Python


• Realita Coder: Saat AI Mulai Menggantikan Peran Programmer


• Rahasia Filter Data di Django: IN, LESS, GREATER, dan BETWEEN


• Cara Mudah Filter Data di Django: Kuasai Queryset AND & OR


• Upload File ke Google Cloud Storage dengan Python: Panduan Lengkap


• Membuat dan Menggunakan Environment Variable di FastAPI


• Membangun API Go yang Tangguh dengan Gorilla Mux, Postgres, dan Docker Compose


• Tingkatkan Visibilitas Aplikasi Anda dengan Implementasi Logging Detail di FastAPI


• Bebas dari burnout: panduan lengkap untuk karyawan sibuk


• Memaksimalkan produktifitas dengan HTML live preview di Vscode.


• Apa saja yang baru di django versi 5 ?


• Apa dampak HTTP2 pada seo ?


• Apa perbedaan antara HTTP1 dan HTTP2 ?


• Bagaimana cara kerja cookies dan session ?


• Junior backend engineer pahami konsep HTTP dan cara kerjanya.


• 6 konsep dasar yang perlu kamu kuasai sebagai junior backend engineer


• Tips mengawali karir sebagai junior backend engineer


• Usecase event stream menggunakan apache kafka


• Perbedaan dan persamaan even bus, message queue dan message broker


• Sebenarnya apasih batch processing itu ?


• 4 Agile Principle untuk business analyst


• Hal-hal yang perlu dipelajari terkait dengan SQL IS NULL 


• Cara mencari nilai terbesar dan terkecil CSV dengan pandas.


• Cara membuat API Key google GEMINI


• Tips menghitung jumlah kolom dataframe di pandas


• Cara mengolah JSON Data dengan fungsi group by di pandas


• Koneksi database mysql pada FastAPI Framework


• Perbaharui riwayat commit dengan gitlab rebase


• Mengenal apa itu agile manifesto ?


• Operasi CRUD dengan python dan mongodb


• Mengenal bahasa pemrograman typescript.


• Keuntungan menggunakan ORM di Django Framework


• Tips meningkatkan quality code pada bahasa python


• Tips membuat fungsi delete data di django framework


• Cara memfilter tipe data string pada golang dan python


• Mengubah format datetime pada bahasa pyhton


• Mengolah data CSV dengan python pandas


• Sample join data CSV di python menggunakan pandas


• Menggunakan redis PUB/SUB untuk aplikasi python


• Solopreneur pelajari dua bahasa pemrograman ini !