跳到內容

Next.js 文件

歡迎來到 Next.js 文件!

什麼是 Next.js?

Next.js 是一個用於構建全棧 Web 應用程式的 React 框架。您可以使用 React 元件構建使用者介面,並使用 Next.js 實現額外的功能和最佳化。

它還會自動配置打包工具和編譯器等底層工具。您可以專注於構建產品並快速交付。

無論您是個人開發者還是大型團隊的一員,Next.js 都能幫助您構建互動式、動態且快速的 React 應用程式。

如何使用文件

文件分為 3 個部分

  • 入門:分步教程,幫助您建立新應用程式並學習 Next.js 的核心功能。
  • 指南:針對特定用例的教程,選擇與您相關的。
  • API 參考:每個功能的詳細技術參考。

使用側邊欄導航各個部分,或使用搜索 (Ctrl+KCmd+K) 快速查詢頁面。

App Router 和 Pages Router

Next.js 有兩種不同的路由器

  • App Router:較新的路由器,支援 React 新功能,如伺服器元件。
  • Pages Router:原始路由器,仍受支援並持續改進中。

在側邊欄頂部,您會看到一個下拉選單,允許您在App RouterPages Router 文件之間切換。

React 版本處理

App Router 和 Pages Router 處理 React 版本的方式不同

  • App Router:內建使用 React canary 版本,其中包含所有穩定的 React 19 更改,以及在新的 React 版本釋出之前,在框架中驗證的更新功能。

  • Pages Router:使用專案中 package.json 中安裝的 React 版本。

這種方法確保了 React 新功能在 App Router 中可靠工作,同時為現有的 Pages Router 應用程式保持了向後相容性。

先決知識

我們的文件假設您對 Web 開發有一定的熟悉程度。在開始之前,如果您熟悉以下內容,將會很有幫助:

  • HTML
  • CSS
  • JavaScript
  • React

如果您是 React 新手或需要複習,我們建議從我們的 React 基礎課程,以及在學習過程中構建應用程式的 Next.js 基礎課程開始。

可訪問性

為了獲得最佳的螢幕閱讀器使用體驗,我們建議使用 Firefox 和 NVDA,或者 Safari 和 VoiceOver。

加入我們的社群

如果您對 Next.js 有任何疑問,隨時歡迎您在 GitHub DiscussionsDiscordX (Twitter)Reddit 上提問。

下一步

建立您的第一個應用程式並學習 Next.js 的核心功能。