在開發網站之前，我們已經構想好將在此專案中使用以下技術來提升開發效率和設計一致性：

UI 元件庫

有用到的CSS 框架：

• Tailwind CSS：
  Tailwind CSS 是一個實用的 CSS 框架，提供了一系列的工具類別 (utility classes) 來實現高度自訂的設計。它可以幫助我們快速構建響應式和美觀的 UI。

  • 主要特性：
    • 實用工具類別：通過組合多個工具類別來實現複雜的樣式，而無需撰寫自訂 CSS。
    • 響應式設計：內建的響應式工具類別，支持不同設備上的佈局調整。

• DaisyUI：
  DaisyUI 是一個基於 Tailwind CSS 的 UI 組件庫，提供了一系列現成的 UI 組件，如按鈕、卡片和模態框，能夠快速搭建現代化的界面。

  • 主要特性：
    • 組件庫：提供多種 UI 組件，方便快速實現常見的界面元素。
    • 主題支持：支持多種預設主題和自定義主題，讓我們可以輕鬆實現個性化設計。

• TypeScript 是 JavaScript 的超集，添加了靜態類型檢查和其他先進功能，幫助開發者在編譯階段及早發現錯誤，提升代碼的可維護性和可讀性；會想使用原因是由於公司團隊正在使用，也趁此機會來練習對於TS的熟悉程度。

• 參考資源：

  • DaisyUI 官方網站
  • Tailwind CSS 官方網站
  • Next.js 官方文檔：App Router
  • Next.js 官方文檔：App Directory
  • TypeScript 官網