# Svelte Kit

> SvelteKit framework - file-based routing, load functions, server endpoints, form actions, hooks, adapters, SSR/SSG, and deployment. Use for SvelteKit-specific features. For Svelte reactivity/components use svelte skill. For project scaffolding use svelte-cli skill.

- Skill: `digi4care/svelte-kit` (Agent Skill, multi-file: 56 files)
- Install (CLI): `npx skillmds@latest add digi4care/svelte-kit`
- Raw SKILL.md: https://api.skillmd.com/api/skills/digi4care/svelte-kit/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- License: MIT
- Author: digi4care (https://skillmd.com/u/digi4care)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/digi4care/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)