Artikel Unggulan

Artikel ini membahas cara membuat layout global dan nested layout di SvelteKit menggunakan file +layout.svelte. Anda akan melihat struktur folder, contoh navbar dan footer, area blog dengan layout terpisah, serta implementasi yang bisa langsung dicoba.

Artikel ini membahas mini project CRUD todo di SvelteKit tanpa database menggunakan array in-memory. Anda akan belajar menampilkan daftar todo, menambah, mengubah, dan menghapus item dengan implementasi sederhana yang cocok untuk latihan dasar.

Artikel ini membahas cara menggunakan route parameter di SvelteKit dengan folder [slug] untuk membuat halaman detail dari daftar artikel. Anda akan melihat alur lengkap dari data mock, struktur folder, penggunaan params di load, hingga render data di +page.svelte.

Artikel ini membahas cara styling dasar di SvelteKit dengan pendekatan yang langsung bisa dicoba: CSS lokal pada komponen, global style, penggunaan app.html, dan aset dari folder static. Contohnya ringkas, tetapi cukup realistis untuk dipakai sebagai fondasi proyek kecil maupun menengah.

Artikel ini membahas cara kerja routing dasar di SvelteKit secara praktis. Anda akan belajar membuat halaman dengan +page.svelte, menyusun nested route, memakai parameter folder seperti [slug], serta bernavigasi antar halaman dengan tag anchor.

Artikel ini membahas cara kerja environment variable di SvelteKit secara praktis, termasuk file .env, perbedaan $env/static dan $env/dynamic, serta pemisahan public dan private. Dilengkapi contoh penggunaan API base URL dan public key di server maupun client, plus catatan keamanan yang penting.

Artikel ini membahas cara menggunakan store di SvelteKit dengan fokus pada writable dan derived. Anda akan belajar membuat file store terpisah di src/lib/stores, mengakses state di komponen dan halaman, serta memperbarui state dengan contoh cart counter, tema, dan filter pencarian.

Artikel ini membahas cara membuat form dasar di SvelteKit dengan pendekatan yang praktis: mulai dari input text, textarea, select, penggunaan bind:value, proses submit, hingga validasi ringan di sisi client. Contoh yang dipakai fokus pada form kontak agar mudah diikuti dan langsung bisa diterapkan di project nyata.