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）