简介/构建应用/样式化

样式化

Next.js 支持多种样式化方案，包括：

全局 CSS：使用简单且对传统 CSS 熟悉的开发者友好，但随着应用规模增长可能导致 CSS 包体积过大和样式管理困难
CSS 模块：创建局部作用域的 CSS 类，避免命名冲突并提高可维护性
Tailwind CSS：一个实用优先的 CSS 框架，通过组合实用类实现快速自定义设计
Sass：流行的 CSS 预处理器，通过变量、嵌套规则和混合等功能扩展了 CSS 能力
CSS-in-JS：将 CSS 直接嵌入 JavaScript 组件，实现动态且具有作用域的样式

通过查阅各自的文档了解每种方案的详细信息：

CSS 模块

使用 CSS 模块为 Next.js 应用程序添加样式。

Tailwind CSS

使用 Tailwind CSS 为您的 Next.js 应用添加样式。

CSS-in-JS

在 Next.js 中使用 CSS-in-JS 库

Sass

使用 Sass 为您的 Next.js 应用添加样式。

缓存

概述 Next.js 中的缓存机制。

CSS 模块

使用 CSS 模块为 Next.js 应用程序添加样式。