简介/构建应用/样式

样式

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 应用添加样式。