sveltekit-best-practices

Svelte 5 runes manage state in SvelteKit using `$state` for reactive variables, `$derived` for computed values, and `$effect` for side effects. This Skill provides expert guidance on correctly applying these runes for robust reactive state.

The best way to separate server and client logic in SvelteKit is by using `.server.js` files for server-only operations and API endpoints. This Skill outlines conventions for server-side rendering, client-side interactivity, and secure data fetching.

Implement optimistic UI and form handling in SvelteKit 5 by leveraging form actions and progressive enhancement. This Skill covers patterns for updating the UI immediately before server confirmation and managing batch updates efficiently.

Optimize SvelteKit routing and performance by implementing lazy loading for components and applying debouncing for user input. This Skill explains how to use file-based routing conventions effectively to reduce initial load times.

SvelteKit 5 supports type safety natively and allows for implementing infinite loading patterns. This Skill details how to ensure type safety across your application and build infinite scrolling features with proper data fetching.