入門指南
歡迎來到 Next.js 文件！
這個入門指南章節將幫助您建立第一個 Next.js 應用程式，並學習每個專案都會用到的核心功能。
預備知識
我們的文件假設您對網頁開發有一定了解。在開始之前，建議您熟悉以下技術：
- HTML
- CSS
- JavaScript
- React
如果您是 React 新手或需要複習，我們建議先學習 React 基礎課程，以及 Next.js 基礎課程，這個課程會讓您在學習過程中實際建構一個應用程式。
後續步驟
安裝指南
使用 `create-next-app` CLI 建立新的 Next.js 應用程式，並設定 TypeScript、ESLint 和模組路徑別名。
專案結構
關於 Next.js 中的資料夾與檔案慣例概述，以及如何組織您的專案。
版面配置與頁面
建立您的第一個頁面與版面配置，並在它們之間建立連結。
圖片
學習如何在 Next.js 中優化圖片
字體
了解如何在 Next.js 中使用字體
CSS
了解在應用程式中添加 CSS 的各種方法，包括 CSS 模組 (CSS Modules)、全域 CSS (Global CSS)、Tailwind CSS 等。
伺服器與客戶端元件
了解如何透過 React 伺服器元件 (Server Components) 與客戶端元件 (Client Components) 在伺服器或客戶端渲染應用程式的不同部分。
資料獲取
開始在您的應用程式中獲取資料並串流內容。
快取與重新驗證
學習如何在應用程式中快取與重新驗證資料。
更新資料
了解如何在您的 Next.js 應用程式中更新資料。
錯誤處理
學習如何顯示預期錯誤並處理未捕獲的異常。
部分預渲染
了解如何透過部分預渲染 (Partial Prerendering) 結合靜態與動態渲染的優勢。
元數據與 OG 圖片
了解如何為頁面添加元數據並建立動態 OG 圖片。
部署
學習如何部署你的 Next.js 應用程式。
升級指南
學習如何將你的 Next.js 應用程式升級至最新版本。