Next.js 是一個彈性的 React 框架，提供您建構快速、全端 網路應用程式 的基礎模組。

但這究竟是什麼意思呢？讓我們花一些時間詳細說明 React 和 Next.js 是什麼，以及它們如何協助您建構網路應用程式。

網路應用程式的基礎模組

在建構現代應用程式時，您需要考量一些事項。例如：

• 使用者介面 - 使用者將如何使用您的應用程式並與之互動。
• 路由 - 使用者如何在您的應用程式的不同部分之間導航。
• 資料獲取 - 您的資料儲存在哪裡以及如何取得資料。
• 渲染 - 何時以及在何處渲染靜態或動態內容。
• 整合 - 您使用哪些第三方服務（用於 CMS、身份驗證、付款等）以及如何連接到它們。
• 基礎設施 - 您在哪裡部署、儲存和執行您的應用程式程式碼（無伺服器、CDN、邊緣等）。
• 效能 - 如何針對終端使用者優化您的應用程式。
• 可擴展性 - 隨著您的團隊、資料和流量增長，您的應用程式如何調整。
• 開發者體驗 - 您的團隊建構和維護您的應用程式的體驗。

對於您應用程式的每個部分，您都需要決定是自行建構解決方案還是使用其他工具，例如套件、函式庫和框架。

什麼是 React？

React 是一個 JavaScript 函式庫，用於建構 互動式使用者介面。

使用者介面 (UI) 指的是使用者在螢幕上看到並與之互動的元素。

函式庫指的是 React 提供有用的函式 (API) 來建構 UI，但將在應用程式中的何處使用這些函式留給開發者決定。

React 成功的部分原因在於，它對於建構應用程式的其他方面相對不帶主觀意見。這促成了第三方工具和解決方案的蓬勃發展生態系統，包括 Next.js。

然而，這也表示從頭開始建構完整的 React 應用程式需要一些努力。開發者需要花時間配置工具，並為常見的應用程式需求重新發明解決方案。

什麼是 Next.js？

Next.js 是一個 React 框架，提供您建構網路應用程式的基礎模組。

框架指的是 Next.js 處理 React 所需的工具和配置，並為您的應用程式提供額外的結構、功能和最佳化。

您可以使用 React 來建構您的 UI，然後逐步採用 Next.js 功能來解決常見的應用程式需求，例如路由、資料獲取和快取 - 同時改善開發者和終端使用者的體驗。

無論您是個人開發者還是大型團隊的一份子，您都可以使用 React 和 Next.js 來建構完全互動式、高度動態且高效能的網路應用程式。

在接下來的章節中，我們將討論如何開始使用 React 和 Next.js。