precedent

先例

下一个项目的基础

简介·一单击部署·技术堆栈 +功能·作者

介绍

先例是您的下一个项目的组件，挂钩和实用程序的自以为是的集合。

一单击部署

您可以使用下面的按钮将此模板部署到Vercel：

您还可以使用以下命令在本地创建此仓库：

npx create-next-app precedent --example " https://github.com/steven-tey/precedent "

然后，将依赖项与您选择的软件包管理器安装：

npm i
yarn
pnpm i

技术堆栈 +功能

先例demo.mp4

框架

• Next.js - 构建具有最佳开发人员体验的性能应用程序的React框架
• 店员 - 一个综合的用户管理平台，设计精美，倒入React组件

平台

• Vercel - 轻松预览和通过GIT部署更改

UI

• Tailwind CSS - 公用事业第一CSS快速UI开发框架
• radix - 模态，弹出窗口等原始人，以构建出色的用户体验
• 制定者运动 - 轻松对动画组件的运动库
• Lucide - 精美，简单，像素完美的图标
• next/font - 优化自定义字体并删除外部网络请求以提高性能
• ImageResponse - 在边缘生成动态开放图像

钩子和公用事业

• useIntersectionObserver - 反应挂钩观察元素进入或离开视口何时
• useLocalStorage - 在浏览器的本地存储中持续存在数据
• useScroll - 钩子观察滚动位置（示例）
• nFormatter - 格式数字，后缀为1.2k或1.2M
• capitalize - 大写字符串的首字母
• truncate - 将字符串截断为指定的长度
• use-debounce - 访问函数呼叫 /状态更新

代码质量

• 打字稿 - 端到端typesafety的静态类型检查器
• Prettier - 一致的代码样式的自以为是的代码格式
• Eslint - Next.js和Typescript的可插入衬里

各种各样的

• Vercel Analytics - 以隐私友好的方式跟踪唯一访问者，浏览量等

作者

• 史蒂文·蒂（@steventey）