← Back to examples hub

Next Schema Once Signup

Use withZod once and let the hook infer validation + types across client and server.

Impact

Alto

Differential

Single schema lifecycle with no duplicated contract.

Message

Schema unica, validação em ambos os lados.

3–20 characters, letters, numbers, underscores

8+ characters, one uppercase, one number

Try admin as username or taken@example.com as email to see server-side errors (after client validation passes).

export const signupAction = withZod(signupSchema, async (data) => {
  // data is inferred from schema
  return await createUser(data);
});

const form = useActionForm(signupAction, {
  defaultValues: { username: "", email: "", password: "" },
  validationMode: "onChange",
});