跳到內容

樣式

Next.js 支援不同的應用程式樣式設定方式,包括

  • CSS Modules:建立本地作用域的 CSS 類別,以避免命名衝突並提高可維護性。
  • 全域 CSS:對於有傳統 CSS 經驗的使用者來說,簡單易用且熟悉,但可能會導致較大的 CSS 包,並在應用程式成長時難以管理樣式。
  • Tailwind CSS:一個實用優先的 CSS 框架,允許透過組合實用類別來快速自訂設計。
  • Sass:一個流行的 CSS 預處理器,透過變數、巢狀規則和 mixin 等功能擴展了 CSS。
  • CSS-in-JS:直接將 CSS 嵌入到您的 JavaScript 組件中,實現動態和作用域樣式設定。

透過探索它們各自的文件,深入了解每種方法