Next.js 15 App Router 深度解析

App Router 彻底改变了我们构建 React 应用的方式。本文将带你深入理解 RSC 的设计哲学。

为什么需要 RSC?

传统的 SPA (单页应用) 存在 JavaScript 体积过大、首屏加载慢（Waterfall）等问题。 React Server Components 允许我们在服务器端渲染组件，直接发送 HTML 给客户端，且不包含任何 JS 代码。

核心优势

1. 零 Bundle Size: 服务器组件的代码不会打包到客户端。
2. 直接访问数据库: 无需创建 API Layer，直接在组件查库。
3. 自动代码分割: 根据路由自动分割 JS。

Server Actions: 告别 API Routes

在 Next.js 15 中，我们不再需要编写 /pages/api/xxx.ts。

// actions.ts
"use server"

export async function createTodo(formData: FormData) {
  const content = formData.get("content")
  await db.todo.create({ content })
  revalidatePath("/todos")
}

简直是全栈开发的魔法！🚀