App Router
歡迎參加 Next.js 基礎課程！在這個免費的互動課程中，您將透過建構一個全端網頁應用程式來學習 Next.js 的主要功能。
我們將建構的內容
在本課程中，我們將建構一個具有以下功能的財務儀表板：
- 公開首頁
- 登入頁面
- 受身份驗證保護的儀表板頁面
- 讓使用者能新增、編輯和刪除發票的功能
該儀表板還將配備一個資料庫，您可以在後續章節中進行設定。
課程結束時，您將掌握開始建構全端 Next.js 應用程式所需的關鍵技能。
課程概述
以下是本課程中您將學習到的功能概述：
- 樣式設定：在 Next.js 中設定應用程式樣式的不同方法。
- 最佳化：如何最佳化圖片、連結和字型。
- 路由：如何使用檔案系統路由建立巢狀佈局和頁面。
- 資料獲取：如何在 Vercel 上設定 Postgres 資料庫，以及獲取和串流資料的最佳實踐。
- 搜尋與分頁：如何使用 URL 搜尋參數實作搜尋和分頁功能。
- 資料變更：如何使用 React 伺服器動作 (Server Actions) 變更資料，並重新驗證 Next.js 快取。
- 錯誤處理：如何處理一般錯誤和
404找不到錯誤。 - 表單驗證與無障礙性：如何進行伺服器端表單驗證，以及提升無障礙性的技巧。
- 身份驗證：如何使用
NextAuth.js和中間件 (Middleware) 為應用程式添加身份驗證功能。 - 元資料：如何添加元資料並為社交分享準備您的應用程式。
預備知識
本課程假設您對 React 和 JavaScript 有基本理解。如果您是 React 新手，建議先學習我們的 React 基礎課程，以掌握元件 (Components)、屬性 (Props)、狀態 (State) 和鉤子 (Hooks) 等 React 基礎知識，以及伺服器元件 (Server Components) 和 Suspense 等新功能。
系統需求
開始本課程前，請確保您的系統符合以下要求：
- 已安裝 Node.js 18.18.0 或更新版本。點此下載。
- 作業系統：macOS、Windows（包括 WSL）或 Linux。
此外，您還需要一個 GitHub 帳號 和一個 Vercel 帳號。