Server Actions

APIルートはもういらない。関数を呼ぶようにバックエンドを叩く。

Server Actions
クライアントからサーバー関数を直接呼び出す機能。APIエンドポイントを作る必要がない。

APIレスの時代

Server Action Pattern
// Server Action
async function createTopic(formData: FormData) {
  "use server"; // This marks it as a server action


  const title = formData.get("title");
  await db.topics.create({ data: { title } });
}


// Client Component calls it
export function NewTopicForm() {
  return (
    <form action={createTopic}>
      <input name="title" />
      <button type="submit">Create</button>
    </form>
  );
}