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

我們將建構的內容

在本課程中，我們將建構一個具有以下功能的財務儀表板：

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

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

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

總覽

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

• 樣式設定：在 Next.js 中設定應用程式樣式的不同方法。
• 最佳化：如何最佳化圖片、連結和字體。
• 路由：如何使用檔案系統路由建立巢狀版面配置和頁面。
• 資料擷取：如何在 Vercel 上設定 Postgres 資料庫，以及擷取和串流的最佳實務。
• 搜尋和分頁：如何使用 URL 搜尋參數實作搜尋和分頁。
• 變更資料： 如何使用 React 伺服器動作變更資料，並重新驗證 Next.js 快取。
• 錯誤處理： 如何處理一般錯誤和 404 找不到錯誤。
• 表單驗證和可存取性： 如何進行伺服器端表單驗證，以及改善可存取性的秘訣。
• 身分驗證：如何使用 NextAuth.js 和中介軟體將身分驗證新增至您的應用程式。
• Metadata：如何新增 metadata 並為社交分享準備您的應用程式。

先備知識

本課程假設您對 React 和 JavaScript 有基本的了解。如果您是 React 新手，我們建議您先完成我們的React 基礎課程，以學習 React 的基本原理，例如元件、props、state 和 hooks，以及較新的功能，例如伺服器元件和 Suspense。

系統需求

在您開始本課程之前，請確保您的系統符合以下需求

• 已安裝 Node.js 18.18.0 或更高版本。在此下載。
• 作業系統：macOS、Windows (包含 WSL) 或 Linux。

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

加入討論

如果您對本課程有疑問或想提供意見回饋，您可以在 Reddit 或 GitHub 社群中提問。