Next.js - 概述

Next.js 是一個基於 React 的框架，具有伺服器端渲染功能。它非常快速且對 SEO 友好。

使用 Next.js，您可以非常輕鬆地建立健壯的基於 React 的應用程式並對其進行測試。以下是 Next.js 的主要功能。

• 熱程式碼過載 - Next.js 伺服器檢測修改後的檔案並自動重新載入它們。

• 自動路由 - 無需配置任何 URL 用於路由。檔案需要放在 pages 資料夾中。所有 URL 都將對映到檔案系統。可以進行自定義。

• 元件特定樣式 - styled-jsx 提供對全域性和元件特定樣式的支援。

• 伺服器端渲染 - React 元件在伺服器上預渲染，因此在客戶端載入速度更快。

• Node 生態系統 - Next.js 基於 React，與 Node 生態系統很好地融合。

• 自動程式碼分割 - Next.js 使用頁面所需的庫渲染頁面。Next.js 不會建立單個大型 JavaScript 檔案，而是建立多個資源。載入頁面時，只會載入所需的 JavaScript 頁面。

• 預取 - Next.js 提供 Link 元件，用於連結多個元件，並支援 prefetch 屬性以在後臺預取頁面資源。

• 動態元件 - Next.js 允許動態匯入 JavaScript 模組和 React 元件。

• 匯出靜態站點 - Next.js 允許從 Web 應用程式匯出完整的靜態站點。

• 內建 TypeScript 支援 - Next.js 使用 TypeScript 編寫，並提供出色的 TypeScript 支援。