一键安装此套包中的所有插件:
42plugin install andrelandgraf/kit/fullstackrecipes包含的插件(34)
类型安全查询
andrelandgraf
使用 Drizzle ORM 编写类型安全的数据库查询,支持选择、插入、更新、删除、关系查询及添加新表。
聊天标题生成
andrelandgraf
通过快速的 LLM 从第一条消息生成描述性聊天标题。作为后台工作流步骤运行,以避免延迟用户体验。
Pino 日志配置
andrelandgraf
使用 Pino 配置结构化日志。在开发环境中输出可读的彩色日志,在生产环境中输出结构化 JSON,便于日志聚合服务使用。
URL 状态同步
andrelandgraf
将 React 状态同步到 URL 查询参数,便于共享过滤器、搜索查询和深层链接到模态对话框。支持在浏览器前后导航时保持 UI 状态。
账户设置助手
andrelandgraf
提供完整的账户设置页面,支持个人资料编辑、密码更改、邮箱更新、会话管理和账户删除功能。
聊天记录持久化
andrelandgraf
将 AI 聊天对话持久化到 Neon Postgres,全面支持 AI SDK 消息部分,包括工具、推理和流式处理。使用 UUID v7 生成可按时间排序的 ID。
类型断言
andrelandgraf
TypeScript 运行时类型缩小的断言函数,提供详细的错误信息,基于 tiny-invariant 库。
认证组件
andrelandgraf
提供用于身份验证流程的 UI 组件和页面,包括登录、注册、找回密码、重置密码和邮箱验证。
路由认证保护
andrelandgraf
为特定页面添加服务器端路由保护,强制执行身份验证,同时保持其他页面公开访问。
测试策略
andrelandgraf
该插件提供测试策略和工作流程,支持并行运行测试,每个套件使用隔离数据。优先使用 Playwright 进行 UI 测试,API 进行集成测试,逻辑进行单元测试。
代码风格设置
andrelandgraf
配置 Prettier 进行代码格式化和 TypeScript 进行类型检查。包含 VSCode 设置和 EditorConfig,以确保代码风格一致,避免 ESLint/Biome 的配置复杂性。
更好的认证邮件
andrelandgraf
使用 Resend 为 Better Auth 添加电子邮件验证、密码重置和账户管理邮件功能,提升用户体验和安全性。
自动化开发
andrelandgraf
使用 Ralph 设置自动化代理驱动开发。循环运行 AI 代理以实现用户故事中的功能,验证验收标准,并记录下一个代理的进展。
分析跟踪
andrelandgraf
使用 Vercel Web Analytics 跟踪自定义事件和转化,涵盖常见事件、表单跟踪和开发测试。
聊天列表
andrelandgraf
构建一个聊天列表页面,具备搜索、重命名和删除功能。使用 nuqs 实现 URL 同步过滤器和可深度链接的模态对话框。
重发设置
andrelandgraf
配置 Resend 以发送事务性电子邮件,如密码重置和邮箱验证。
Stripe 订阅管理
andrelandgraf
一个完整的订阅系统,支持 Stripe 和 Vercel Flags 进行计划配置,处理 webhook 同步订阅状态到 Postgres,跟踪使用情况,并集成账单门户。
结构化日志
andrelandgraf
在您的应用程序中使用 Pino 进行结构化日志记录。支持日志级别、上下文和工作流安全的日志记录模式。
用户故事设置
andrelandgraf
创建结构化格式以记录功能需求,作为用户故事。生成包含可测试接受标准的 JSON 文件,供 AI 代理验证和跟踪。
用户故事管理
andrelandgraf
通过用户故事记录和跟踪功能实现。提供编写故事、构建功能和标记验收标准为通过的工作流程。
全栈食谱
andrelandgraf
通过 MCP 资源发现和遵循设置指南、技能和食谱,帮助有效使用全栈食谱的元技能。
Vercel 上的 Next.js
andrelandgraf
创建一个在 Bun 上运行的 Next.js 应用,配置开发环境,并在推送时自动部署到 Vercel。
身份验证
andrelandgraf
使用 Better Auth 实现客户端和服务器端的身份验证,支持会话访问、受保护路由、用户登录/注销及获取用户数据。
浏览器自动化测试
andrelandgraf
使用 Playwright 进行端到端的浏览器测试。测试用户交互、表单验证、导航和视觉反馈,支持全面的浏览器自动化。
动态社交预览图生成
andrelandgraf
使用 Next.js 文件约定和 next/og 库生成动态社交预览图。服务器渲染的 JSX 图像在构建时缓存。
环境变量验证
andrelandgraf
在服务器启动和构建之前验证环境变量,及时捕捉缺失或无效的变量,并提供清晰的错误信息。
工作流管理
andrelandgraf
创建和运行持久化工作流,支持步骤、流式处理和代理执行。涵盖工作流的启动、恢复和结果持久化。
环境变量管理
andrelandgraf
管理 Vercel 环境中的环境变量。与 Vercel CLI 同步,处理本地覆盖,并在脚本中加载环境变量。
URL 状态管理
andrelandgraf
使用 nuqs 管理 React 状态,通过 URL 查询参数实现。支持 Suspense 边界、解析器、状态清除和深链接对话框。
自定义持久代理
andrelandgraf
构建一个自定义的持久 AI 代理,全面控制 streamText 选项、提供者配置和工具循环。与工作流开发工具包兼容。
工作流设置
andrelandgraf
安装和配置工作流开发工具包,实现可恢复、持久的 AI 代理工作流,支持步骤级持久性、流媒体恢复和代理编排。
AI 编码助手配置
andrelandgraf
配置 AI 编码助手,如 Cursor、GitHub Copilot 或 Claude Code,结合项目特定模式、编码规范和 MCP 服务器,实现一致的 AI 辅助开发。
Neon 测试分支
andrelandgraf
创建独立的 Neon 数据库分支用于测试。支持仅模式分支、自动清理、测试服务器编排和环境变量管理。
Neon Postgres 连接
andrelandgraf
通过 Drizzle ORM 将 Next.js 应用连接到 Neon Postgres,优化 Vercel 无服务器函数的连接池。