next-safe-action Form Integration

next-safe-action Form Integration: | Approach | When to Use | |---|---| | `useAction` + native form | Simple forms, no complex validation UI, programmatic triggers | | `useStateAction` + `<form action={formAction}>` | Forms with state tracking, need `prevResult` access, full callbacks | | `useHookFormAction` (RHF adapter) | Complex forms with field-level errors, validation on change/blur | | `useHookFormOptimisticAction` | RHF forms with optimistic UI updates |

The skill provides code examples and guidance for integrating `next-safe-action` with various form handling methods in a Next.js application. It demonstrates using `useStateAction` for native forms with server actions, `useAction` for programmatic form submission, and `useHookFormAction` for integration with React Hook Form, including Zod-based validation. It interacts with server actions defined in `@/app/actions` to process form data.