Next.js 15 后的应用架构发生了巨大变化。

以往你需要编写：

现在，这些工作都可以通过 Server Actions + React 19 Form Hooks 以更简洁的方式完成。

客户端交互 → 直接调用服务器函数（Server Function），无需额外 API 层。

表单和交互天然支持 Pending、Validation、Error、状态管理。

1. Server Actions 基础入门

Server Actions 是运行在 服务器端 的函数，

可以被客户端组件、表单 <form> 或任意交互直接调用。

你可以理解为：

Server Action = 后端函数，但可以被前端直接调用且不会暴露源码。

1.1 声明方式："use server"

要把一个函数变成 Server Action，只需要在函数顶部写：

"use server";

export async function createTodo(data) {
  // 这里运行在服务器！
  await db.todo.create({ data });
}

特性：