【NEXT.JS 系列】NEXT.JS 是如何運作的 8 – 關於網路

什麼是網路

了解應用程式程式碼的儲存位置並在部署到網路後運行會很有幫助。 您可以將網路視為能夠共享資源的連接計算機（或服務器）。 對於 Next.js 應用程式，您的應用程式程式碼可以分發到源服務器（origin servers）、內容交付網路 （Content Delivery Networks，CDNs） 和邊緣 （the Edge） 。 讓我們看看它們分別是什麼：

源服務器 （origin servers）

正如我們前面所討論的，服務器是指儲存和運行應用程式程式碼的原始版本的主計算機。

我們使用術語「源」來將此服務器與應用程式程式碼分發到的其他地方區分開來，例如 CDN 服務器和邊緣服務器。

當源服務器收到請求時，它會在發送回應之前進行一些計算。 該計算工作的結果可以移動到 CDN（內容交付網路）。

內容交付網路

CDN 將靜態內容（例如 HTML 和圖像文件）儲存在世界各地的多個位置，並放置在客戶端和源服務器之間。 當有新請求進來時，離用戶最近的 CDN 位置可以用快取的結果進行回應。

這減少了源端的負載，因為不必在每個請求上都進行計算。 它還使用戶更快，因為回應來自地理上更接近他們的位置。

在 Next.js 中，由於可以提前完成預先渲染，CDN 非常適合儲存工作的靜態結果 – 使內容交付更快。

邊緣服務器

邊緣是網路邊緣的廣義概念，最接近用戶。 CDN 可以被視為“邊緣”的一部分，因為它們將靜態內容儲存在網路的邊緣。

與 CDN 類似，邊緣服務器分佈在世界各地的多個位置。 但與儲存靜態內容的 CDN 不同，一些邊緣服務器可以運行程式碼。

這意味著快取和執行程式碼都可以在靠近用戶的邊緣完成。

通過在邊緣運行程式碼，您可以將一些傳統上在客戶端或服務器端完成的工作轉移到邊緣（請參閱此處的 Next.js 範例）。 這可以提高您的應用程式的性能，因為它減少了發送到客戶端的程式碼數量，並且用戶的部分請求不必一直返回到源服務器 – 從而減少了延遲。

在 Next.js 中，您可以使用中介（Middleware）在邊緣運行程式碼，還有很快就能用的 React 服務器元件。

下一步

恭喜您完成 Next.js 基礎課程！

要繼續學習 Next.js，我們建議您使用我們的教學建立您的第一個 Next.js 應用程式，該教學將向您介紹主要功能。

您還可以查看官方說明文件並探索 Next.js 豐富的範例清單。