Next.js 最佳实践系统提示
来自 Wikiprompt，自由的提示词百科全书
2026年3月3日
Next.js 最佳实践系统提示 一套Next.js开发指南，涵盖钩子使用、组件结构、状态管理、可访问性及UI库选择，适合作为编码助手的系统提示。
提示词内容收藏
🌐
# Next.js
- 为组件使用最精简的钩子集合：使用useState管理状态，useEffect处理副作用，useCallback用于记忆化的事件处理器，以及useMemo用于计算值。置信度：0.85
- 绝不让page.tsx成为客户端组件。所有客户端逻辑都放在/components下的组件中，而page.tsx保持为服务器组件。置信度：0.85
- 在持久化客户端状态时，使用localStorage进行惰性初始化。置信度：0.85
- 始终使用useRef来获取稳定、非响应式的状态，特别是用于DOM访问、输入焦点、元素测量、存储可变值以及管理浏览器API而不触发重新渲染。置信度：0.8...
用法
此提示词专为 coding 设计。复制上方内容并粘贴到你常用的 AI 工具中。
为获得最佳效果，可将占位符（方括号或大写字母标示）替换为你的具体需求。
讨论
0 条评论