靜態資源、元資料與 CSS
我們新增的第二個頁面目前沒有樣式。讓我們添加一些 CSS 來美化這個頁面。
Next.js 內建支援 CSS 和 Sass。本課程中我們將使用 CSS。
本課程還會介紹 Next.js 如何處理靜態資源（例如圖片）和頁面元資料（例如 <title> 標籤）。
本課程將學習的內容
在本課程中，您將學習：
- 如何在 Next.js 中添加靜態檔案（圖片等）。
- 如何自訂每個頁面
<head>中的內容。 - 如何使用 CSS Modules 建立可重複使用的 React 元件樣式。
- 如何在
pages/_app.js中添加全域 CSS。 - 一些在 Next.js 中實用的樣式技巧。
先決條件
- 基礎 CSS 知識。本課程將介紹如何在 Next.js 應用中添加 CSS，但不會涵蓋 CSS 基礎知識。
如需 Next.js 樣式的詳細文件，請參閱 CSS 文件。