本文整理两个提交中最值得前端开发学习的内容：

• 3924876 013: editor header ui
• 5e049de 014: 建议editor页面，实现基本的workflow页面

重点不是逐行背代码，而是理解它们背后的实现逻辑：

• Next.js App Router 中服务端组件和客户端组件如何分工
• tRPC + React Query 如何组织数据获取、缓存和 mutation
• inline edit 这种交互组件如何处理本地状态和远端状态
• React Flow 画布如何用受控状态管理 nodes / edges
• 数据库里的 workflow / node / connection 如何映射成前端图结构
• 面试中可能如何被问，以及如何回答

添加workflow表单，包括删除更新等功能

空白页，加载页面，错误页面三大组件

空白页的props，需要一个新建的函数，意味着当前空白的时候可以新建一个工作流

codex回答:我看了这两个提交：

• 013: editor header ui
• 014: 建议editor页面，实现基本的workflow页面

对前端开发来说，最值得学的是这些点。

1. Suspense + ErrorBoundary + Hydration 的页面组织