Skip to content
ExponaBLOG
Series · Day 100 of 100

Svelte & SvelteKit

  1. 01
    Why Svelte and SvelteKit: a hands-on guide for engineers
    A compiler-first framework with less code and great performance.
  2. 02
    Setting up a SvelteKit project: best practices explained
    Start a project with TypeScript.
  3. 03
    Svelte component basics: real-world lessons and examples
    Script, markup and styles in one file.
  4. 04
    Svelte 5 runes explained: a hands-on guide for engineers
    Svelte 5 runes replace implicit reactivity with explicit signals — state, derived values, effects and props explained.
  5. 05
    $state in depth: a Svelte & SvelteKit guide for developers
    Reactive values and deep objects.
  6. 06
    $derived vs $effect: a practical Svelte & SvelteKit guide
    Compute or react?
  7. 07
    Props in Svelte 5: a practical Svelte & SvelteKit guide
    Pass data into components.
  8. 08
    Events in Svelte 5: a practical Svelte & SvelteKit guide
    Event handling is just props now.
  9. 09
    Template syntax essentials: patterns, pitfalls and fixes
    Logic blocks in markup.
  10. 10
    Snippets: Svelte 5's slots — what developers should know
    Reusable markup inside components.
  11. 11
    Bindings in Svelte: a practical Svelte & SvelteKit guide
    Two-way data binding in Svelte with bind: for inputs, checkboxes, groups, element references and custom getters.
  12. 12
    Styling in Svelte: a practical Svelte & SvelteKit guide
    Scoped CSS that just works.
  13. 13
    Stores vs runes: a Svelte & SvelteKit guide for developers
    Sharing state in Svelte 5.
  14. 14
    Context API in Svelte for Svelte & SvelteKit developers
    Share state within a component tree.
  15. 15
    Lifecycle in Svelte 5 for Svelte & SvelteKit developers
    onMount and effects.
  16. 16
    Svelte vs React: a Svelte & SvelteKit guide for developers
    How they differ.
  17. 17
    Svelte vs Vue: a Svelte & SvelteKit guide for developers
    Two approachable frameworks.
  18. 18
    SvelteKit routing: a practical Svelte & SvelteKit guide
    File-based routing in SvelteKit — pages, dynamic params, layouts and route groups that organize large apps cleanly.
  19. 19
    SvelteKit load functions: a hands-on guide for engineers
    Fetch data for pages.
  20. 20
    Universal vs server load: a hands-on guide for engineers
    Universal or server load functions? Where SvelteKit data loading should run, what each can access and when to use them.
  21. 21
    SvelteKit form actions for Svelte & SvelteKit developers
    Progressive forms without client JavaScript.
  22. 22
    Progressive enhancement: real-world lessons and examples
    Apps that work before JavaScript loads.
  23. 23
    API routes in SvelteKit: real-world lessons and examples
    +server.ts endpoints.
  24. 24
    Hooks in SvelteKit: a practical Svelte & SvelteKit guide
    Run code for every request.
  25. 25
    Authentication in SvelteKit: what developers should know
    Sessions and protected routes.
  26. 26
    Protecting routes in SvelteKit: best practices explained
    Keep private pages private.
  27. 27
    Environment variables in SvelteKit in Svelte & SvelteKit
    Public and private config.
  28. 28
    Rendering options in SvelteKit: best practices explained
    SSR, prerendering and SPA mode.
  29. 29
    SEO in SvelteKit: a practical Svelte & SvelteKit guide
    Rank SvelteKit sites.
  30. 30
    Prerendering static sites: practical tips and trade-offs
    Fast pages served from a CDN.
  31. 31
    Adapters: deploying SvelteKit — best practices explained
    Deploy SvelteKit anywhere with adapters for Node servers, Vercel, Cloudflare and static hosting — and pick the right one.
  32. 32
    Deploying SvelteKit with Docker: lessons from production
    Containerize with adapter-node.
  33. 33
    Error pages in SvelteKit: a hands-on guide for engineers
    Friendly errors everywhere.
  34. 34
    Data invalidation: a practical Svelte & SvelteKit guide
    Refresh data after changes.
  35. 35
    Streaming data in SvelteKit: what developers should know
    Show pages before slow data finishes.
  36. 36
    Remote functions: a practical Svelte & SvelteKit guide
    Type-safe calls between client and server.
  37. 37
    Forms with validation in SvelteKit in Svelte & SvelteKit
    Great forms with server validation.
  38. 38
    Database access in SvelteKit: what developers should know
    Use databases from server code.
  39. 39
    $lib/server: Svelte & SvelteKit best practices explained
    Keep server-only code safe.
  40. 40
    Testing Svelte components: practical tips and trade-offs
    Unit and component tests.
  41. 41
    End-to-end tests for SvelteKit: best practices explained
    Test real user flows.
  42. 42
    Transitions and animations: patterns, pitfalls and fixes
    Motion built into Svelte.
  43. 43
    Motion with tweened and spring: best practices explained
    Smooth animated values.
  44. 44
    Actions in Svelte: a practical Svelte & SvelteKit guide
    Reusable DOM behavior.
  45. 45
    Attachments in Svelte 5: real-world lessons and examples
    A modern replacement for actions.
  46. 46
    Accessibility in Svelte: real-world lessons and examples
    The compiler helps you.
  47. 47
    Component libraries for Svelte: best practices explained
    Build faster with UI kits.
  48. 48
    Building a blog with SvelteKit: best practices explained
    A complete SvelteKit content site — Markdown posts, dynamic routes, SEO meta tags, a sitemap and prerendered pages.
  49. 49
    Building a dashboard with SvelteKit in Svelte & SvelteKit
    App-like pages with SvelteKit.
  50. 50
    Tables and large lists for Svelte & SvelteKit developers
    Render lots of data efficiently.