SvelteKit Config

When to use this skill

Use this skill whenever you are working on SvelteKit's configuration, build pipeline, deployment, performance, images, accessibility, SEO, debugging, or migration concerns. This includes:

• Choosing or configuring an adapter (adapter-node, adapter-static, adapter-cloudflare, adapter-netlify, adapter-vercel)
• Building (vite build) and previewing (vite preview) production apps
• Advanced routing (rest params, optional params, matchers, route sorting, filename encoding)
• Advanced layouts (route groups, breaking out of layouts with @)
• Auth integration patterns (sessions vs tokens, hooks-based auth)
• Performance optimization (code splitting, asset opt, avoiding waterfalls)
• Image handling (@sveltejs/enhanced-img, CDN loading, <picture>/<img> patterns)
• Accessibility (route announcements, focus management, lang attribute)
• SEO (titles, meta tags, sitemaps, JSON-LD)
• Breakpoint debugging (VS Code, Chrome DevTools)
• Migrating from SvelteKit v1 or Sapper

For routing/data/load basics, see sveltekit-overview. For Svelte components/runes, see svelte-runes.