本文介绍如何用 Vercel AI SDK 与 shadcn/ui 构建 AI 聊天界面：搭建 Next.js 项目、创建流式 API 路由、用 useChat 实现消息流式渲染并支持工具调用；也可用 @shadcn/helpers 无后端模拟对话，借助 MCP 服务器加速组件开发。上线前需添加限流、中止、错误边界和鉴权，或直接使用现成模板。

React 服务器组件（RSC）通过服务器渲染组件，减少客户端 JavaScript 代码，提高性能和可扩展性。RSC 支持流式渲染，适合静态内容和快速数据获取，但不适合交互组件。它与 Next.js 兼容，推动混合渲染的发展。

Next.js 13引入了多个新特性，如应用目录（beta）、服务器组件、流式渲染和Turbopack（alpha），显著提升了性能。新图像组件支持原生懒加载，@next/font实现自动自托管字体。改进的next/link简化了API，增强了数据获取和错误处理能力。整体上，Next.js 13为开发者提供了更高效的开发体验和更快的应用性能。