精通 Next.js 14+ App Router，包含服务器组件、流式传输、并行路由以及高级数据获取。
使用 App Router 构建新的 Next.js 应用程序时
从 Pages Router 迁移到 App Router 时
实现服务器组件和流式传输时
设置并行路由和拦截路由时
分享分析路由结构：审查 app 目录和文件规范（layout、page、loading 等）
分享识别组件类型：根据交互需求区分服务器组件和客户端组件
分享实现数据获取：对直接数据库或 API 访问使用服务器组件，并辅以适当的缓存
分享设置流式传输：为慢速数据源添加 Suspense 边界，以实现渐进式渲染
分享定义数据变更：为表单提交和数据更新使用 Server Actions
你
我想使用 Next.js App Router 构建一个带有过滤功能和购物车按钮的产品列表页面。
Agent
智能体提供了一个完整的实现计划，包括为产品列表使用服务器组件，为加载状态使用 Suspense，以及为购物车交互使用 'use client' 按钮。
使您的代理能够掌握先进的提示词工程技术，从而最大限度地提高大语言模型 (LLM) 的性能和可靠性。
赋予您的智能体实现久经考验的后端架构模式的能力，如整洁架构 (Clean Architecture)、六边形架构 (Hexagonal Architecture) 和领域驱动设计 (DDD)。
赋予您的代理按照组合和复合组件等现代模式构建可重用 React 组件的能力。
赋予你的智能体在多种语言中实现稳健的错误处理模式的能力，以构建具有弹性且容错的应用程序。
赋予您的智能体使用 Playwright 和 Cypress 最佳实践构建、调试和维护可靠的端到端测试套件的能力。
