介紹

介紹

歡迎來到 Next.js 文件庫!

什麼是 Next.js?

Next.js 是一個用於建置全端網頁應用程式的 React 框架。你可以使用 React 元件來建置使用者介面,並透過 Next.js 獲得額外功能與優化。

它還會自動配置底層工具如打包工具 (bundlers) 和編譯器 (compilers),讓你能專注於產品開發並快速交付。

無論你是獨立開發者還是團隊成員,Next.js 都能協助你建置互動式、動態且快速的 React 應用程式。

如何使用文件

文件分為 4 個主要部分:

  • 入門指南:逐步教學幫助你建立新應用程式並學習 Next.js 核心功能。
  • 使用指南:特定使用情境的教學,選擇與你相關的內容。
  • 深入探討:關於 Next.js 運作原理的深度解析。
  • API 參考:每個功能的詳細技術參考。

使用側邊欄導覽不同章節,或透過搜尋 (Ctrl+KCmd+K) 快速找到頁面。

App Router 與 Pages Router

Next.js 提供兩種不同的路由系統:

  • App Router:支援伺服器元件 (Server Components) 等新 React 功能的新版路由。
  • Pages Router:原始路由系統,仍持續獲得支援與改進。

在側邊欄頂部,你可以透過下拉選單切換 App RouterPages Router 的文件。

預備知識

我們的文件假設你對網頁開發有一定了解。開始之前,建議你熟悉以下技術:

  • HTML
  • CSS
  • JavaScript
  • React

如果你是 React 新手或需要複習,建議先學習我們的 React 基礎課程,以及透過實作學習的 Next.js 基礎課程

無障礙訪問

為了獲得最佳螢幕閱讀器體驗,我們推薦使用 Firefox + NVDA 或 Safari + VoiceOver 組合。

加入社群

如果你有任何關於 Next.js 的問題,歡迎隨時在 GitHub DiscussionsDiscordX (Twitter)Reddit 上向我們的社群提問。