Conform — React Server Actions 폼 검증 라이브러리

Conform이란

Server Actions와 완벽하게 호환되는 폼 검증 라이브러리입니다. JavaScript 비활성화에서도 동작합니다.

사용법

import { useForm } from "@conform-to/react";
import { parseWithZod } from "@conform-to/zod";

const schema = z.object({
  title: z.string().min(1),
  content: z.string().min(10),
});

export async function createPost(prevState: unknown, formData: FormData) {
  "use server";
  const submission = parseWithZod(formData, { schema });
  if (submission.status !== "success") return submission.reply();
  await db.post.create({ data: submission.value });
  redirect("/posts");
}

서버/클라이언트 모두에서 같은 Zod 스키마로 검증합니다.