先例

框架

• Next.js - React 框架用于构建性能卓越的应用程序，为开发人员带来最佳体验
• Auth.js - 通过 Google、Twitter、GitHub 等提供商轻松处理用户身份验证。
• Prisma - 适用于 Node.js 的 Typescript 优先 ORM

平台

• Vercel - 使用 git 轻松预览和部署更改
• Vercel Postgres - 边缘无服务器 Postgres

用户界面

• 尾风 CSS - 实用至上的 CSS 框架，用于快速开发用户界面
• Radix - 模态、弹出式等原型，打造卓越的用户体验
• 框架运动 - 用于 React 的动作库，可轻松为组件制作动画
• 卢西德 - 精美简洁、像素完美的图标
• 下一页/字体 - 优化自定义字体并移除外部网络请求，以提高性能
• 图像响应 - 在边缘生成动态开放图谱图像

钩子和实用程序

• 使用交集观察者 - React 钩子用于观察元素何时进入或离开视口
• 使用本地存储 - 将数据保存在浏览器的本地存储中
• 使用滚动 - 用于观察滚动位置的 React 钩子 (范例)
• nFormatter - 格式化数字的后缀如 1.2k 或 1.2M
• 大写 - 将字符串的第一个字母大写
• 截形 - 将字符串截断到指定长度
• 使用-反弹 - 对函数调用/状态更新进行去抖

代码质量

• TypeScript - 端到端类型安全静态类型检查器
• 更漂亮 - 有主见的代码格式化，实现一致的代码风格
• ESLint - 适用于 Next.js 和 TypeScript 的可插拔连接器

杂项

• Vercel 分析公司 - 以隐私友好的方式跟踪唯一访客、页面浏览量等信息