歡迎來到 Next.js App Router 課程！在本免費互動式課程中，您將透過建構一個全端網頁應用程式來學習 Next.js 的主要功能。

我們將建構的內容

在本課程中，我們將建構一個簡化版的財務儀表板，它具有

• 一個公開的首頁。
• 一個登入頁面。
• 受到驗證保護的儀表板頁面。
• 允許使用者新增、編輯和刪除發票的功能。

儀表板也將有一個附帶的資料庫，您將在後續章節中進行設定。

在課程結束時，您將具備開始建構全端 Next.js 應用程式所需的必要技能。

概覽

以下是您將在本課程中學到的功能概覽

• 樣式：在 Next.js 中設定應用程式樣式的不同方法。
• 最佳化：如何最佳化圖片、連結和字體。
• 路由：如何使用檔案系統路由建立巢狀佈局和頁面。
• 資料提取：如何在 Vercel 上設定資料庫，以及提取和串流的最佳實務。
• 搜尋與分頁：如何使用 URL 搜尋參數實作搜尋和分頁功能。
• 資料異動：如何使用 React 伺服器動作異動資料，並重新驗證 Next.js 快取。
• 錯誤處理：如何處理一般錯誤和 404 找不到的錯誤。
• 表單驗證與無障礙設計：如何進行伺服器端表單驗證，以及提升無障礙設計的技巧。
• 驗證：如何使用 NextAuth.js 和中介軟體為您的應用程式新增驗證功能。
• 詮釋資料：如何新增詮釋資料，並讓您的應用程式做好社群分享的準備。

先備知識

本課程假設您具備 React 和 JavaScript 的基礎知識。如果您是 React 新手，建議您先學習我們的 React 基礎 課程，了解 React 的基本概念，例如元件、屬性、狀態和 hooks，以及伺服器元件和 Suspense 等新功能。

系統需求。

作業系統：macOS、Windows（包含 WSL）或 Linux。

此外，您還需要一個 GitHub 帳號 和一個 Vercel 帳號。

參與討論

如果您對本課程有任何疑問或想提供意見回饋，您可以透過 Discord 或 GitHub 與我們的社群聯繫。