JS套件

📄️ AOS

建立Provider

📄️ JSON Server 使用

https://hackmd.io/gOVsRiomTHO-T0utYhOx2g

📄️ shadcn UI Lib

當我們在串接API，頁面上需要等待API回應，會需要在頁面上處理等待效果，shadCN 有一個Compoents叫做 Skeleton

📄️ TanStack Query

這裡會介紹Next.js在介接API，可以用 TankStack Query來管理頁面上狀態

📄️ ClSX 處理樣式好幫手

當我們在開發 React 項目時，常常會需要動態組合 class 名稱。這時候，clsx 這個小工具就顯得特別有用。clsx 是一個輕量級的 JavaScript 函式庫，能夠幫助我們根據條件動態地合併 CSS 類名，從而避免寫出冗長的 if 判斷語句或複雜的字串拼接。

📄️ Date-fns

在介紹 date-fns 的 format 方法時，這是一個非常方便的工具，可以讓你將 JavaScript 日期物件格式化為不同的字串。對於一些特定的日期格式要求，比如反轉的 ISO 格式（即 "YYYY-MM-DD" 轉換為 "DD-MM-YYYY"），date-fns 提供了一個非常簡單的方法來實現。