sveltekit-data

Installation
SKILL.md

SvelteKit Data: Loading, Form Actions, Page Options (SvelteKit 2)

本技能覆盖 SvelteKit 数据层的三大支柱:(1) Loading data(+page.js / +page.server.js / +layout.js / +layout.server.jsload 函数、page.data、URL 数据、cookies/headers、错误与重定向、流式响应、依赖追踪与手动失效),(2) Form actions(默认/具名 actions、fail 验证、use:enhance 渐进增强、GET vs POST),(3) Page options(prerender / entries / ssr / csr / trailingSlash / config)。

When to use this skill

  • 决定 +page.js vs +page.server.js 的取舍(隐私凭据、序列化、组合使用)
  • load 函数中使用 params / route / url / fetch / parent / depends / untrack
  • page.data 在父布局访问子页面数据
  • error(status, msg) / redirect(status, location) 终止 load/action
  • 用返回 Promise 实现 streaming 骨架屏
  • 解决"load 函数何时重新执行"以及如何用 invalidate / invalidateAll / untrack 精确控制
  • 在 server load / action 中读 cookies / 设响应头
  • 设计 +page.server.js 的 actions:默认 action、具名 action、?/name 查询参数、fail() 验证
  • use:enhance 渐进增强表单、回填 form 字段、阻止默认重置、自定义 applyAction
  • 决定哪些路由 prerender = true / entries() / ssr = false / csr = false / trailingSlash

Critical: Loading data (universal vs server load functions)

Installs
3
GitHub Stars
1
First Seen
14 days ago
sveltekit-data — full-stack-skills/svelte-skills