blockmatic/basilic-skills

w-form

Build a Next.js form using the app's existing mutation path, not a second stack.

仓库原始内容

按源仓库内容呈现，保留标题、案例、代码、表格、链接以及原文引用的演示图片。

Implement a form in the current Next app. Follow next-v16 and shadcn-v3. If the app already mutates through an API client (Fastify + TanStack Query), do not introduce Server Actions, useFormStatus, or useOptimistic for those flows.

Inspect how neighboring forms submit. Reuse that path.
Share one Zod schema for client UX and server validation.
Wire accessible labels, errors, pending, and empty/error/success states with existing UI primitives.
Run lint and exercise submit, validation failure, and keyboard path.
Docs: /w-docs if behavior or commands changed.