更新日志
查看我们产品的最新动态
2026.07
2026.07依赖升级与E2E自动化测试完善
⚡ 缓存
- Cloudflare KV Cache:为 TanStarter 新增可选的 KV 缓存能力,用于读多写少的 server data。
- Newsletter 状态缓存:Newsletter 订阅状态检查现在可以复用缓存读取,避免每次都调用 provider。
- 缓存文档:新增简短说明,解释什么时候启用 KV cache,以及它在模板技术栈中的位置。
🔐 认证与安全
- Better Auth 1.6 升级:升级至 Better Auth 1.6 并接入 API Key 插件,附带 D1 迁移,将 API Key 从
user_id迁移为reference_id。 - API Key 分页:API Key 列表改为服务端分页,并返回准确的总数。
- CSRF 防护:为 server functions 新增 CSRF 防护中间件。
🧪 E2E 与质量工具
- 生产环境冒烟测试:新增
pnpm e2e:production,针对生产构建验证 SSR 和 API 响应;并新增verify:upgrade,一次跑完检查、构建和两套 E2E。 - Stripe 沙箱 E2E:新增基于 Stripe CLI 的沙箱结账流程测试,以及 webhook 单元测试和更清晰的 webhook 错误日志。
- 覆盖范围扩展:新增设置页(API Key、文件管理、安全)和路由边界错误处理的 E2E 用例。
🚀 依赖与运行时升级
- Cloudflare 工具链:升级 Wrangler 与 Cloudflare Vite 插件,并按最新 workerd 版本重新生成 worker 类型。
- 核心依赖:更新 TanStack Start/Router/Query、React 和 Playwright,server function 校验统一改用新的
.validator()API。 - Base UI 更新:升级 Base UI,并将抽屉组件从 Vaul 迁移到 Base UI Drawer,支持滑动操作。
🎨 UI/UX 优化
- 侧边栏状态记忆:仪表盘侧边栏的折叠状态现在会在多次访问之间保持。
- 导航栏与移动端导航:稳定导航栏认证加载状态、在桌面端隐藏移动导航,并精简语言切换菜单。
- 视觉细节:优化图表配色、删除账号卡片边框和管理员用户详情布局。
2026.06
2026.06国际化支持、E2E 测试、AI 模型更新和存储能力加固
🌐 国际化
- 国际化支持:基于 Paraglide 新增完整国际化能力,包含本地化文案、中文内容页、中文博客和更新日志,以及语言路由中间件。
- 多语言路由:更新认证、结账、客户门户、站点地图和 robots 路由,使它们能够正确处理不同语言的访问路径。
- 界面文案本地化:将大量界面文案迁移到英文和中文消息文件,并清理未使用的仪表盘翻译。
💳 支付与认证流程更新
- 本地化结账流程:为 Stripe 结账和客户门户会话新增语言支持。
- 认证回调地址:更新登录、注册和社交登录的回调地址处理,确保跳转后保留当前语言路径。
- 可选 SSR 处理:修复语言编译和邮件开发脚本,使其在可选 SSR 配置下运行更可靠。
🤖 AI 体验更新
- Llama 3.2 模型:更新 AI 模型配置、说明文案、文档和 AI 功能卡片,补充 Llama 3.2 支持。
- 选择器标签优化:为图片、翻译和语音合成组件中的模型、语言和发音人选择器增加更清晰的标签。
🧪 E2E 与质量工具
- E2E 用户管理 API:新增仅本地可用的 E2E 用户管理接口,让认证和设置相关测试更稳定。
- Playwright 覆盖范围:新增并更新 E2E 测试数据和用例,覆盖公开页面、受保护页面、认证流程和个人资料设置流程。
- Knip 配置:新增项目专用的 Knip 配置和忽略规则,用于检查未使用的依赖和导出。
📦 存储与服务加固
- 目录路径清理:新增目录路径清理工具,并更新 R2 存储服务,统一使用清理后的对象路径。
- Newsletter 服务缓存:优化 Newsletter 服务的创建与缓存逻辑。
- 存储文档修正:更新存储文档中的函数名称,保持文档与代码一致。
2026.05
2026.05SEO 改进、公开文件访问、Base UI 升级和部署工作流优化
🔎 SEO 与元数据改进
- SEO 基础能力:优化页面元数据、Open Graph 信息、博客结构化数据、应用清单配置和 Logo 渲染,提升搜索收录与社交分享效果。
- 博客 SEO:增强博客元数据支持,改进规范链接处理,并让发布内容的元数据更完整。
⚡ 性能优化
- 字体本地化:将 Bricolage Grotesque 改为本地托管资源,并优化字体加载,减少外部依赖。
- 延迟加载客户端脚本:将非关键客户端脚本延迟到浏览器空闲后执行。
- Crisp 聊天加载优化:将 Crisp 初始化改为延迟执行和动态导入,改善页面启动性能。
📦 存储与文件访问
- 公开目录支持:增强文件访问路由,支持公开目录,同时保留受保护文件的访问控制。
- 文件路由加固:改进存储文件路由的处理逻辑,让公开文件和私有文件的分发更安全。
🎨 UI 与组件更新
- Base UI 1.5.0:升级 Base UI 组件,并更新侧边栏和切换按钮组的集成方式。
- 表格分隔线:修复数据表格筛选器和操作栏中分隔线的高度与对齐问题。
- 导航可访问性:修正导航栏的角色属性使用方式,提升可访问性。
🚀 部署与开发体验
- 手动部署工作流:支持手动触发 GitHub Actions 部署流程。
- Cloudflare 凭据配置:将 Cloudflare 部署凭据上移到工作流环境变量中,让部署配置更清晰。
- 无端口 DevTools:更新 DevTools 配置,支持本地开发使用的无端口事件总线。
2026.04
2026.04Creem 支付集成、Beehiiv newsletter 支持、多邮件 provider 配置
💳 支付 Provider 扩展
- Creem Integration:新增完整 Creem payment provider 支持,包含 SDK 集成、webhook handling,以及通过环境变量配置 product pricing。
- Payment Toggle:允许通过设置空环境变量来关闭支付功能,为不同部署场景提供更高灵活性。
📧 多邮件 Provider 支持
- Resend Email Provider:集成 Resend 作为替代 mail provider,提供完整文档和完整邮件功能。
- Cloudflare Email Service:新增 Cloudflare Email API 支持,使用 account ID 和 API token 进行认证。
- Email Preview Fix:修复开发模式下预览邮件功能。
📰 Newsletter 集成
- Beehiiv Support:在已有 Resend 集成之外,新增 Beehiiv 作为可选 newsletter provider,让用户有更多邮件列表管理选择。
🔐 认证改进
- Session Validation:为登录和注册路由添加 session checks 和 redirects,提升安全流程。
- Guest Route Middleware:实现
guestRouteMiddleware,替代websiteConfigchecks,让认证逻辑更清晰。
⚡ 数据库与存储细化
- Public Folder Handling:泛化 public folder handling,让文件管理更灵活。
- Content-Type Validation:强制执行 content-type validation 和安全文件下载。
🎨 UI 与组件更新
- Shadcn UI Upgrade:升级 shadcn/ui components 到最新版本,获得更好的功能表现。
- Admin UI Improvements:简化 admin interface 中 ban/unban button 逻辑,并改进表单结构。
🛠️ 开发体验
- Secret Sync Scripts:新增同步 GitHub 和 worker secrets 的脚本,以及 GitHub Actions 环境变量管理能力。
- DevTools Optimization:将 devtools 合并到 lazy-loaded
DevToolscomponent 中,提高性能。
🔧 Bug 修复
- Webhook Security:修复 webhook handling,在缺少 payload 或 signature 时返回 400。
- Price ID Fallback:修复 price IDs 上的 non-null assertion,改为更合适的 fallback。
- Payment Verification:通过 auth middleware 和 user scope check 修复支付完成验证。
- Mail Error Handling:通过改进 renderer fallback logic 修复邮件错误处理。
2026.03
2026.03UI 打磨、Shadcn v4 升级、性能优化和部署自动化
🔧 Shadcn v4 升级
- 升级到 Shadcn v4:将整个 UI component library 迁移到 Shadcn v4,带来更好的组件架构、更新后的 styling primitives,以及基于新 primary color tokens 的增强 dark mode 支持。
⚡ 性能优化
- LCP 与 Lazy Loading:通过为首页区块实现 lazy loading、修复图片 aspect ratio 问题,并优化整体页面加载表现,改善 Largest Contentful Paint。
♿ 可访问性与 UI 加固
- A11y 与一致性修复:修复对比度问题,统一各页面 spacing 和结构距离,并确保模板整体符合可访问性标准。
🎨 首页重设计
- 视觉重构:重设计首页,加入 animations,刷新 hero section intro,更新 navbar 和 footer 配色,调整 integration blocks 与 blog card 样式,并移除冗余 feature sections,让布局更清爽。
🔗 自定义域名与环境配置
- Custom Domain Support:新增自定义域名配置能力,更新
.env.example以覆盖更完整的配置变量,并改进环境变量类型,提升校验质量。
🚀 GitHub 部署工作流
- CI/CD Automation:新增 GitHub Actions 部署工作流,用于自动构建和部署,同时在 package.json 中固定 pnpm 版本,提升构建可复现性。
📱 移动端体验
- Mobile Login Fix 与 Avatar Optimization:修复移动设备上的登录流程,并优化用户头像组件,提高跨设备渲染和性能表现。
💳 Pricing 与订阅修复
- Auto-Subscribe Fix:修复用户注册后的自动订阅功能,移除 pricing config 中的 trial days,并更新 blog post card 样式,提高视觉一致性。
🛠️ 开发体验
- Code Quality & Tooling:应用 polish、normalize 和 harden patterns 来优化组件与布局,并新增
@better-auth/cli作为 dev dependency,用于生成 auth schema。
📝 文档与配置
- Environment 与 Worker Config Updates:更新 worker 配置文件,新增远程数据库环境变量,并改进
.env.example文档,补充 local base URL 和更清晰的变量说明。
2026.02
2026.02全栈 SaaS 模板基础能力:从项目初始化到可用于生产的核心功能
🚀 项目初始化与核心框架
- TanStack Start + Cloudflare Workers:基于 TanStack Start、TanStack Router 和 React 19 初始化全栈项目,运行在 Cloudflare Workers 上,并配置了自定义 server entry、表单处理和文件路由。
🔐 认证与授权
- Better Auth 集成:构建完整认证系统,包含账号密码登录、Google OAuth、密码找回、session 管理、API key 支持、管理员角色,以及带角色过滤的路由保护 middleware 和侧边栏。
🗄️ 数据库与存储
- Cloudflare D1 + Drizzle ORM + R2 Storage:将 Drizzle ORM 与 Cloudflare D1 集成,用于类型安全的数据库操作(用户、sessions、accounts、API keys),并接入 Cloudflare R2 处理文件上传、头像管理,以及带校验和清理逻辑的安全文件访问。
💳 Stripe 支付与账单
- Stripe Payment Processing:集成 Stripe,支持 pricing plans、checkout sessions、customer portal、webhook handling 和 billing card component,并改进错误处理、客户管理,以及支付事件通知。
🏠 Landing Page 与首页区块
- 完整首页:构建包含 Hero、Features、Integrations、FAQs、Testimonials、Call-to-Action、Pricing 和 Newsletter 的完整 landing page,并添加用于 SEO 的 structured data(JSON-LD)。
📝 博客、内容与法律页面
- 博客系统与内容页面:基于 Content Collections 实现博客、Markdown 渲染、分页和 SEO。新增 About、Contact、Waitlist、Privacy Policy、Terms of Service 和 Cookie Policy 页面,并通过文件路由暴露。
🎨 主题与 UI 组件
- Theme System & Internationalization:构建 light/dark/system 主题切换,支持 SSR-safe 渲染(ScriptOnce),添加中文翻译以支持本地化,并提供 Chart、Drawer、Table、Tabs 等丰富 UI 组件。
📊 SEO、分析与通知
- SEO 与多 Provider 分析:实现动态 sitemap.xml、robots.txt、canonical URLs、PWA manifest,以及统一的分析集成(Ahrefs、Clarity、Google、Plausible、Umami)。新增 Discord 和 Feishu webhook notification providers。
📧 邮件与 Newsletter
- Resend Email 与 Newsletter Subscription:集成 Resend 发送事务邮件(密码找回、邮箱验证)并配合 Toaster 通知,同时加入 newsletter subscribe/unsubscribe APIs,以及注册后自动订阅能力。
🛠️ Admin Dashboard 与开发体验
- Admin Dashboard 与 DX Tooling:构建 admin user management,支持列表、排序、筛选和账单。新增 T3 Environment 类型安全环境变量、AGENTS.md 文档、EditorConfig、Biome linting config 和 Crisp Chat 集成。