介紹
介紹
歡迎來到 Next.js 文件庫!
什麼是 Next.js?
Next.js 是一個用於建置全端網頁應用程式的 React 框架。你可以使用 React 元件來建置使用者介面,並透過 Next.js 獲得額外功能與優化。
它還會自動配置底層工具如打包工具 (bundlers) 和編譯器 (compilers),讓你能專注於產品開發並快速交付。
無論你是獨立開發者還是團隊成員,Next.js 都能協助你建置互動式、動態且快速的 React 應用程式。
如何使用文件
文件分為 4 個主要部分:
- 入門指南:逐步教學幫助你建立新應用程式並學習 Next.js 核心功能。
- 使用指南:特定使用情境的教學,選擇與你相關的內容。
- 深入探討:關於 Next.js 運作原理的深度解析。
- API 參考:每個功能的詳細技術參考。
使用側邊欄導覽不同章節,或透過搜尋 (Ctrl+K
或 Cmd+K
) 快速找到頁面。
App Router 與 Pages Router
Next.js 提供兩種不同的路由系統:
- App Router:支援伺服器元件 (Server Components) 等新 React 功能的新版路由。
- Pages Router:原始路由系統,仍持續獲得支援與改進。
在側邊欄頂部,你可以透過下拉選單切換 App Router 和 Pages Router 的文件。
預備知識
我們的文件假設你對網頁開發有一定了解。開始之前,建議你熟悉以下技術:
- HTML
- CSS
- JavaScript
- React
如果你是 React 新手或需要複習,建議先學習我們的 React 基礎課程,以及透過實作學習的 Next.js 基礎課程。
無障礙訪問
為了獲得最佳螢幕閱讀器體驗,我們推薦使用 Firefox + NVDA 或 Safari + VoiceOver 組合。
加入社群
如果你有任何關於 Next.js 的問題,歡迎隨時在 GitHub Discussions、Discord、X (Twitter) 和 Reddit 上向我們的社群提問。