0 views
Read
#0
Learn SvelteKit - Pre-Requisite Skills & Environment Setup
Before touching SvelteKit, you need to master HTML, CSS, and JavaScript ES6+, understand the concepts of component-based UI and reactive programming, and feel comfortable with the command line and Git. In this episode you will also set up Node.js, an editor, and verify your environment.
August 10, 2026
00
Read
#1
Learn SvelteKit - History, Background & Why You Need SvelteKit
This episode traces the history of Svelte from its 2016 compiler beginnings to SvelteKit as a full-stack meta-framework, the problems it solves, and a comparison with vanilla Svelte and other frameworks like Next.js or Nuxt.
August 10, 2026
00
Read
#2
Learn SvelteKit - Core Concepts & Main Architecture
This episode dissects SvelteKit's architecture: filesystem routing, load functions, server routes, and endpoint lifecycle, plus the role of Vite and adapters in the build process. You will also learn project structure, nested layouts, server load versus client load, and hooks and runtime configuration.
August 10, 2026
00
Read
#3
Learn SvelteKit - Starting a SvelteKit Project
This episode guides you through creating your first SvelteKit project with the official scaffolder, reading the folder structure and initial configuration, running the dev server with hot module replacement, and setting up TypeScript, ESLint, and Prettier so your codebase is tidy from day one.
August 10, 2026
00
Read
#4
Learn SvelteKit - Routing & Nested Routes
This episode dissects SvelteKit routing: file-based routing in src/routes, dynamic routes with optional parameters and catch-all routes, nested layouts along with layout resets, and navigation via anchors and the goto function. You will also learn route groups for sharing UI without changing the URL structure.
August 10, 2026
00
Read
#5
Learn SvelteKit - Data Loading & Forms
This episode covers the data flow in SvelteKit: load functions on server and client, fetching data with fetch inside load, form handling with server actions and progressive enhancement, plus error and redirect handling. You will understand how data flows from the server to components.
August 10, 2026
00
Read
#6
Learn SvelteKit - Reactive UI & Components
This episode covers the presentation side of SvelteKit: the basics of Svelte components with runes, reactive statements and bindings, slots and context modules for reusable components, and scoped styling with global CSS. You will build UI that is genuinely reactive to state changes.
August 10, 2026
00
Read
#7
Learn SvelteKit - Stores & State Management
This episode covers state management in SvelteKit: writable, readable, and derived stores, custom stores for shared state, state synchronization between server and client, and integration with TanStack Query for server state. You will choose the right state strategy for each need.
August 10, 2026
00
Read
#8
Learn SvelteKit - Configuration & Runtime Config
This episode covers SvelteKit configuration: svelte.config.js and runtime configuration, public and private environment variables with the $env module, adapters and deployment targets, plus feature flags for different build environments. You will assemble secure and flexible configuration.
August 10, 2026
00
Read
#9
Learn SvelteKit - Assets, Images & Static Content
This episode covers assets and static content: static assets in the static directory, image optimization and responsive images with enhanced-img, sourcing content from Markdown and MDX, plus caching and build-time optimizations. You will deliver fast content with well-managed assets.
August 10, 2026
00