← Back to examples hub

Next Quickstart Login

RHF + Server Action + automatic error mapping in a single flow.

Impact

Muito alto

Differential

First-value path for Next.js users.

Message

Conecte RHF ao servidor sem boilerplate manual.

Try taken@example.com to see server-side error mapping.

Why this sells the library

This is the shortest path from install to success. It proves pending state, server validation, and field-level error mapping in one place.

const form = useActionForm(loginAction, {
  defaultValues: { email: "", password: "" },
});

<form onSubmit={form.handleSubmit()}>
  <input {...form.register("email")} />
  <input {...form.register("password")} type="password" />
  <button disabled={form.formState.isSubmitting}>Sign In</button>
</form>