0 views
Read
#0
Belajar SvelteKit - Pre-Requisites Skill & Setup Environment
Sebelum menyentuh SvelteKit, kalian perlu menguasai HTML, CSS, dan JavaScript ES6+, memahami konsep component-based UI dan reactive programming, serta nyaman dengan command line dan Git. Di episode ini kalian juga menyiapkan Node.js, editor, dan memverifikasi environment.
August 10, 2026
00
Read
#1
Belajar SvelteKit - Sejarah, Latar Belakang & Mengapa Membutuhkan SvelteKit
Episode ini menelusuri sejarah Svelte dari compiler tahun 2016 hingga SvelteKit sebagai meta-framework full-stack, masalah yang diselesaikan, serta perbandingan dengan Svelte murni dan framework lain seperti Next.js atau Nuxt.
August 10, 2026
00
Read
#2
Belajar SvelteKit - Konsep Dasar & Arsitektur Utama
Episode ini membedah arsitektur SvelteKit: filesystem routing, load functions, server routes, dan lifecycle endpoint, plus peran Vite dan adapter dalam build process. Kalian juga mempelajari struktur proyek, nested layouts, server load versus client load, serta hooks dan runtime configuration.
August 10, 2026
00
Read
#3
Belajar SvelteKit - Memulai Proyek SvelteKit
Episode ini memandu kalian membuat proyek SvelteKit pertama dengan scaffolder resmi, membaca struktur folder dan konfigurasi awal, menjalankan dev server dengan hot module replacement, serta menyiapkan TypeScript, ESLint, dan Prettier agar codebase rapi sejak hari pertama.
August 10, 2026
00
Read
#4
Belajar SvelteKit - Routing & Nested Routes
Episode ini membedah routing SvelteKit: file-based routing di src/routes, dynamic routes dengan parameter opsional dan catch-all, nested layouts beserta layout reset, serta navigasi lewat anchor dan fungsi goto. Kalian juga belajar route groups untuk berbagi UI tanpa mengubah struktur URL.
August 10, 2026
00
Read
#5
Belajar SvelteKit - Data Loading & Forms
Episode ini membahas alur data di SvelteKit: load functions di server dan client, fetching data memakai fetch di dalam load, form handling dengan server actions dan progressive enhancement, serta penanganan error dan redirect. Kalian akan memahami bagaimana data mengalir dari server ke komponen.
August 10, 2026
00
Read
#6
Belajar SvelteKit - Reactive UI & Components
Episode ini membahas sisi presentasi SvelteKit: dasar-dasar komponen Svelte dengan runes, reactive statements dan bindings, slot serta context module untuk komponen reusable, dan styling scoped dengan CSS global. Kalian akan membangun UI yang benar-benar reaktif terhadap perubahan state.
August 10, 2026
00
Read
#7
Belajar SvelteKit - Stores & State Management
Episode ini membahas state management di SvelteKit: writable, readable, dan derived stores, custom stores untuk shared state, sinkronisasi state antara server dan client, serta integrasi dengan TanStack Query untuk server state. Kalian akan memilih strategi state yang tepat untuk setiap kebutuhan.
August 10, 2026
00
Read
#8
Belajar SvelteKit - Configuration & Runtime Config
Episode ini membahas konfigurasi SvelteKit: svelte.config.js dan runtime configuration, environment variables publik dan privat dengan modul $env, adapters dan deployment targets, serta feature flags untuk build environment yang berbeda. Kalian akan menyusun konfigurasi yang aman dan fleksibel.
August 10, 2026
00
Read
#9
Belajar SvelteKit - Assets, Images & Static Content
Episode ini membahas aset dan konten statis: static assets di direktori static, image optimization dan gambar responsif dengan enhanced-img, content sourcing dari Markdown dan MDX, serta caching dan build-time optimizations. Kalian akan menyajikan konten cepat dengan aset yang terkelola rapi.
August 10, 2026
00