Next.js开发指南

# Next.js
- 组件使用最少的 Hook 集合：useState 用于状态，useEffect 用于副作用，useCallback 用于记忆化处理函数，useMemo 用于计算值。置信度：0.85
- 绝不将 page.tsx 设为客户端组件。所有客户端逻辑都放在 /components 下的组件中，page.tsx 保持为服务器组件。置信度：0.85
- 持久化客户端状态时，使用 localStorage 进行惰性初始化。置信度：0.85
- 始终使用 useRef 处理稳定、非响应式状态，特别是用于 DOM 访问、输入焦点、测量元素、存储可变值以及管理浏览器 API 而不触发重新渲染的情况。置信度：0.85
- 使用 sr-only 类实现可访问性标签。置信度：0.85
- 始终使用 shadcn/ui 作为 Next.js 项目的组件系统。置信度：0.85
- 设置 shadcn/ui 时，确保 globals.css 正确配置了所有必需的 Tailwind 指令和 shadcn 主题变量。置信度：0.70
- 当组件超出单一职责时，将其拆分为更小的子组件，以保持每个文件专注并提高可读性。置信度：0.85
- 状态本身应触发持久化，以保持副作用可预测、集中化并始终与 UI 同步。置信度：0.85
- 使用函数式更新从先前状态派生新状态，以避免陈旧闭包并确保状态的最新版本。置信度：0.85