用途:构建生产级 Next.js 16 表单,覆盖 Server Actions、渐进增强、完整校验与无障碍支持。
主要能力:使用共享 Zod schema 同时做客户端(体验)与服务端(安全)校验,并用 z.infer 推导 TypeScript 类型;实现带 "use server" 指令的 Server Action,从 FormData 提取并校验数据,返回 success/error 结果对象而非直接抛出,配合 revalidatePath/revalidateTag 失效缓存并支持提交后重定向;用 React 19 的 useActionState 管理表单状态与错误显示,useFormStatus 处理提交中状态,必要时用 useOptimistic 提供即时反馈;支持无 JavaScript 环境下的渐进增强,使用 next/form 增强表单行为并提供加载与降级体验;实现 ARIA 标签、描述与错误关联、键盘导航、焦点管理、语义化 HTML、ARIA live 区域播报加载状态,遵循 WCAG 2.1 AA;提供清晰的字段级与表单级错误信息,在 Server Action 中使用 try/catch 优雅处理服务端错误。
使用方式:先定义共享 Zod schema,再实现 Server Action,然后构建表单组件,补充渐进增强与无障碍,最后验证测试。
适用场景:需要服务端校验、渐进增强与无障碍的 Next.js 16 表单开发。
限制:资料未提供具体安装命令、依赖版本、收费信息或平台限制;技能触发条件描述不完整。