sveltekit-data-flow by spences10/svelte-skills-kit
npx skills add https://github.com/spences10/svelte-skills-kit --skill sveltekit-data-flow使用哪个文件? 仅限服务器端(数据库/密钥):+page.server.ts | 通用(两端运行):+page.ts | API:+server.ts
加载决策: 需要服务器资源? → 服务器端加载 | 需要客户端 API? → 通用加载
表单操作: 始终在 +page.server.ts 中。错误时返回 fail(),导航时抛出 redirect(),失败时抛出 error()。
// +page.server.ts
import { fail, redirect } from '@sveltejs/kit';
export const load = async ({ locals }) => {
const user = await db.users.get(locals.userId);
return { user }; // 必须是可 JSON 序列化的
};
export const actions = {
default: async ({ request }) => {
const data = await request.formData();
const email = data.get('email');
if (!email) return fail(400, { email, missing: true });
await updateEmail(email);
throw redirect(303, '/success');
},
};
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
data 参数传递给通用加载 | 始终使用 throw redirect()/error()每周安装量
178
代码仓库
GitHub 星标数
58
首次出现
2026年1月20日
安全审计
安装于
opencode150
gemini-cli136
codex133
claude-code128
cursor125
github-copilot121
Which file? Server-only (DB/secrets): +page.server.ts | Universal (runs both): +page.ts | API: +server.ts
Load decision: Need server resources? → server load | Need client APIs? → universal load
Form actions: Always +page.server.ts. Return fail() for errors, throw redirect() to navigate, throw error() for failures.
// +page.server.ts
import { fail, redirect } from '@sveltejs/kit';
export const load = async ({ locals }) => {
const user = await db.users.get(locals.userId);
return { user }; // Must be JSON-serializable
};
export const actions = {
default: async ({ request }) => {
const data = await request.formData();
const email = data.get('email');
if (!email) return fail(400, { email, missing: true });
await updateEmail(email);
throw redirect(303, '/success');
},
};
data param | ALWAYS throw redirect()/error()Weekly Installs
178
Repository
GitHub Stars
58
First Seen
Jan 20, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykFail
Installed on
opencode150
gemini-cli136
codex133
claude-code128
cursor125
github-copilot121
Genkit JS 开发指南:AI 应用构建、错误排查与最佳实践
7,700 周安装
MongoDB与PostgreSQL数据库指南:选择、查询、优化与部署实战
236 周安装
资深架构师AI助手 - Claude高级架构设计技能,提升系统架构与代码质量
235 周安装
Polymarket交易员分析工具:追踪链上交易活动与持仓数据
237 周安装
Next.js开发技能:构建现代全栈Web应用指南(App Router/服务器组件/SEO优化)
70 周安装
aixyz 智能体开发框架:基于 Bun 和 Vercel AI SDK 构建可盈利 AI 代理
237 周安装
Telegram Bot 开发指南:Node.js/Python 构建机器人教程(含Webhook、支付、部署)
240 周安装