server-action-forms

You can build Next.js forms with server actions by using React's `useActionState` hook and a shared `FormActionState` contract to standardize state management and handle submissions directly on the server.

The best way to handle field-level errors in Next.js server action forms is using a `getFieldState` helper, which provides easy access to field-specific validation errors and validity states using shadcn UI components.

Yes, you can refactor existing React Hook Form implementations to use Next.js server actions, zod validation, and shadcn UI components, though this Skill specifically avoids React Hook Form unless explicitly requested for cleaner codebases.

Yes, the server action approach works seamlessly with shadcn UI form components, leveraging them for form elements while standardizing state management through `useActionState` and a shared `FormActionState` contract.

You should avoid React Hook Form when aiming for cleaner, more readable, and maintainable form implementations in indie SaaS codebases, prioritizing a server-action-first approach with `useActionState` instead.