【Next.js 系列】 Next.js 是什麼

Next.js 是一個構建於 Node.js 之上的開源 Web 開發框架，支援基於 React 的 Web 應用程式功能，例如伺服器端渲染和生成靜態網站。 React 於官方檔案內的「推薦的工具鏈」中提及 Next.js，建議將其作為「使用 Node.js 構建伺服器渲染網站」的解決方案。

傳統的 React 應用程式只能在客戶端瀏覽器中彩現內容，Next.js 擴充了此功能以包括在伺服器端彩現的應用程式。

Next.js 是最流行的 React 框架之一 （ Github 星星數超過 87k ） ，被許多大型網站使用，包括 Netflix、GitHub、Uber、Ticketmaster 和星巴克（更多展示案例）。

網路應用程式的建造基礎

在打造現代應用程式時，您需要考慮一些事項。 如：

• 用戶介面 — 用戶將如何使用您的應用程式並與之互動。
• 路由 — 用戶如何在應用程式的不同部分之間導航。
• 數據獲取 — 您的數據所在的位置以及如何獲取數據。
• 渲染 — 何時何地渲染靜態或動態內容。
• 集成 — 您使用哪些第三方服務（CMS、身份驗證、支付等）以及您如何連接到它們。
• 基礎設施 — 部署、儲存和運行應用程序代碼的位置（無服務器、CDN、Edge 等）。
• 性能 — 如何為終端用戶優化您的應用程序。
• 可擴展性 — 您的應用程式如何隨著您的團隊、數據和流量的增長而調適。
• 開發人員體驗 — 團隊打造和維護應用程式的經驗。

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

React 是什麼

React 是一個用於打造互動式用戶介面的 JavaScript 函式庫。

用戶介面是指用戶在螢幕上看到並與之互動的元素。

React 提供了有用的函式以打造 UI，由開發人員決定是否在他們的應用程式中使用這些函式。

React 成功的部分原因在於相對來說，它對建造應用程式的其它方面沒有強烈的主見， 這促成了第三方工具與解決方案蓬勃發展的生態系統。

然而，這也意味著從頭開始構建一個完整的 React 應用程式需要一些努力。 開發人員需要花時間配置工具並針對常見的應用程式需求重新設計解決方案。

Next.js 是什麼

Next.js 是一個 React 框架，我們所說的框架是指 Next.js 處理 React 所需的工具和配置，並為您的應用程式提供額外的結構、特性和優化。

您可以使用 React 打造您的 UI，然後逐步採用 Next.js 功能來解決常見的應用程式需求，例如路由、數據獲取、集成 – 同時改善開發人員和最終用戶的體驗。

無論您是個人開發人員還是大型團隊的一員，您都可以利用 React 和 Next.js 構建完全互動、高度動態和高性能的 Web 應用程式。

在下一節中我們將帶您開始認識 React 的工作原理