svelte-kit

# SvelteKit Expert Comprehensive SvelteKit framework knowledge combining official documentation with real-world implementation patterns. ## When to Use - Building full-stack SvelteKit applications - Creating routes, pages, layouts - Setting up data loading with load functions - Form actions and progressive enhancement - Server hooks and middleware - Deployment with adapters (Cloudflare, Vercel, Netlify, Node) - SSR/SSG and prerendering ## Quick Reference ### File-Based Routing ``` src/routes/ ├── +page.svelte # Page component ├── +page.js # Universal load function ├── +page.server.js # Server-side load function ├── +layout.svelte # Layout component ├── +layout.js # Layout load function ├── +server.js # API endpoint └── api/ └── +server.js # API route ``` ### Form Actions ```javascript export const actions = { default: async ({ request }) => { const data = await request.formData(); return { success: true }; }, }; ``` ### Hooks (hooks.server.js) ```javascript export const handle = async ({ event, resolve }) => { // Authentication, logging, etc. return resolve(event); }; ``` ## References - references/documentation/routing.md - File-based routing deep dive - references/documentation/loading_data.md - Load functions - references/documentation/form_actions.md - Form handling - references/documentation/hooks.md - Server hooks - references/documentation/adapters.md - Deployment adapters - references/documentation/static_site_generation.md - Rendering modes - references/documentation/web_standards.md - Platform-specific APIs - references/documentation/errors.md - Common issues ## Best Practices - Use server load functions (+page.server.js) for sensitive operations - Implement form actions for progressive enhancement - Use hooks for authentication and middleware - Choose appropriate adapter for deployment target ## Related Skills - svelte (core Svelte knowledge) - svelte-cli (project scaffolding) - tailwind (styling)