Next.js 文件
歡迎來到 Next.js 文件!
什麼是 Next.js?
Next.js 是一個用於構建全棧 Web 應用程式的 React 框架。您可以使用 React 元件構建使用者介面,並使用 Next.js 實現額外的功能和最佳化。
它還會自動配置打包工具和編譯器等底層工具。您可以專注於構建產品並快速交付。
無論您是個人開發者還是大型團隊的一員,Next.js 都能幫助您構建互動式、動態且快速的 React 應用程式。
如何使用文件
文件分為 3 個部分
使用側邊欄導航各個部分,或使用搜索 (Ctrl+K 或 Cmd+K) 快速查詢頁面。
App Router 和 Pages Router
Next.js 有兩種不同的路由器
- App Router:較新的路由器,支援 React 新功能,如伺服器元件。
- Pages Router:原始路由器,仍受支援並持續改進中。
在側邊欄頂部,您會看到一個下拉選單,允許您在App Router 和 Pages 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 Discussions、Discord、X (Twitter) 和 Reddit 上提問。
這有幫助嗎?