跳到內容

樣式

Next.js 支援多種應用程式樣式設定方式,包括:

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

通過探索它們各自的文件,了解有關每種方法的更多資訊