跳到内容

10

资产、元数据和 CSS

我们添加的第二个页面目前没有样式。让我们添加一些 CSS 来为页面设置样式。

Next.js 内置支持 CSSSass。本课程中,我们将使用 CSS。

本课程还将讨论 Next.js 如何处理静态资产(如图像)和页面元数据(如 <title> 标签)。

您将通过本课程学习的内容

在本课中,您将学习

  • 如何将静态文件(图像等)添加到 Next.js。
  • 如何为每个页面自定义 <head> 中的内容。
  • 如何创建一个可重用的 React 组件,该组件使用 CSS 模块进行样式设置。
  • 如何在 pages/_app.js添加全局 CSS
  • Next.js 中样式设置的一些有用提示。

先决条件

  • 基本的 CSS 知识。本课程将介绍如何在 Next.js 应用程序中添加 CSS,但不会涵盖 CSS 基础知识。

如果您正在寻找有关 Next.js 样式设置的详细文档,请查看CSS 文档

您已完成本章10

下一章

11:设置