维基百科 ひゃっか ,自由 じゆう 的 てき 百科 ひゃっか 全 ぜん 书
Next.js 是 ぜ 一 いち 個 こ 構建於Node.js 之 これ 上 じょう 的 てき 開源 かいげん Web開發 かいはつ 框 かまち 架 か ,支援 しえん 基 もと 於React 的 てき Web應用 おうよう 程 ほど 序 じょ 功 こう 能 のう ,例 れい 如伺服器 き 端 はし 渲染 和 わ 生成 せいせい 靜態 せいたい 網 もう 站。React於官方 かた 文 ぶん 件 けん 內的“推薦 すいせん 的 てき 工具 こうぐ 鏈”中 ちゅう 提 ひさげ 及Next.js,建議 けんぎ 將 はた 其作為 さくい “使用 しよう Node.js構建伺服器 き 渲染網 もう 站”的 てき 解決 かいけつ 方案 ほうあん [ 5] 。傳統 でんとう 的 てき React應用 おうよう 程 ほど 式 しき 只 ただ 能 のう 在 ざい 客 きゃく 戶 ど 端 はし 瀏 りゅう 覽 らん 器 き 中 ちゅう 渲染內容,Next.js擴充 かくじゅう 了 りょう 此功能 のう 以包括 ほうかつ 在 ざい 伺服器 き 端 はし 渲染的 てき 應用 おうよう 程 ほど 式 しき 。
Next.js的 てき 版權 はんけん 和 わ 商標 しょうひょう 歸 き Vercel(前身 ぜんしん 為 ため ZEIT)所有 しょゆう [ 6] ,該公司 こうし 也維護 まもる 和 わ 主導 しゅどう 其開放 かいほう 原始 げんし 碼專案 あん 的 てき 開發 かいはつ [ 7] 。
Next.js是 ぜ 一 いち 個 こ React框 かまち 架 か ,它支援 しえん 一些額外的功能,包括 ほうかつ 伺服器 き 端 はし 渲染和 わ 靜態 せいたい 網 もう 站生成 せいせい [ 8] 。React是 ぜ 一 いち 個 こ JavaScript 庫 くら ,傳統 でんとう 上 うえ 用 よう 於構建 けん 使用 しよう JavaScript在 ざい 客 きゃく 戶 ど 端 はし 瀏 りゅう 覽 らん 器 き 中 ちゅう 渲染的 てき 網 もう 頁 ぺーじ 應用 おうよう 程 ほど 式 しき [ 9] 。然 しか 而開發 かいはつ 者 しゃ 意識 いしき 到 いた 這種策略 さくりゃく 存在 そんざい 一 いち 些問題 もんだい ,例 れい 如無法 ほう 滿足 まんぞく 無法 むほう 訪問 ほうもん 或 ある 禁 きん 用 よう JavaScript的 てき 用 よう 戶 と 、潛在 せんざい 的 てき 安全 あんぜん 問題 もんだい 、明 あかり 顯 あらわ 延長 えんちょう 頁 ぺーじ 面 めん 載 の 入 にゅう 時間 じかん 以及可能 かのう 損害 そんがい 網 もう 站的整體 せいたい 搜索 そうさく 引擎優 ゆう 化 か [ 9] 。諸 しょ 如Next.js之 これ 類 るい 的 てき 框 かまち 架 か 利用 りよう 允許 いんきょ 在 ざい 發送 はっそう 到 いた 客 きゃく 戶 ど 端 はし 之 の 前 ぜん 在 ざい 伺服器 き 端 はし 渲染部分 ぶぶん 或 ある 全部 ぜんぶ 網 もう 站來避開這些問題 もんだい [ 9] [ 10] 。Next.js是 ぜ 最 さい 流行 りゅうこう 的 てき React框 かまち 架 か 之 の 一 いち [ 11] 。它是啟 けい 動 どう 新 しん 應用 おうよう 程 ほど 序 じょ 時 じ 可用 かよう 的 てき 幾 いく 個 こ 推薦 すいせん 「工具 こうぐ 鏈」之 の 一 いち ,所有 しょゆう 這些都 と 提供 ていきょう 了 りょう 一個抽象層來協助完成常見的任務[ 12] 。Next.js需要 じゅよう Node.js而且可 か 以利用 りよう Node Package Manager 進行 しんこう 啟 けい 動 どう 。
Google已 やめ 向 こう Next.js專 せん 案 あん 捐款,在 ざい 2019年 ねん 貢獻 こうけん 了 りょう 43個 こ 拉 ひしげ 取 ど 請求 せいきゅう (Pull request),協 きょう 助 じょ 修 おさむ 剪了未 み 使用 しよう 的 てき JavaScript、減少 げんしょう 了 りょう 載 の 入 にゅう 時間 じかん 與 あずか 增加 ぞうか 了 りょう 改 あらため 進 しん 指標 しひょう [ 13] 。截至2020年 ねん 3月 がつ ,該框架 か 已 やめ 被 ひ 許多 きょた 大型 おおがた 網 もう 站使用 しよう ,包括 ほうかつ Netflix 、GitHub 、Uber 、Ticketmaster和 わ 星 ほし 巴 ともえ 克 かつ 。[ 9] 2020年初 ねんしょ ,Vercel宣布 せんぷ 募 つの 得 う 了 りょう 2100萬 まん 美 び 元 もと 的 てき A輪 わ 融資 ゆうし ,用 もちい 來 らい 支援 しえん 軟體的 てき 改 あらため 進 すすむ [ 1] 。該框架 か 的 てき 原作 げんさく 者 しゃ Guillermo Rauch目前 もくぜん 是 ぜ Vercel的 てき CEO,該項目的 もくてき 開發 かいはつ 主管 しゅかん 是 ぜ Tim Neutkens[ 14] 。
Next.js於2016年 ねん 10月 がつ 25日 にち 首 くび 次 じ 在 ざい GitHub上 じょう 作為 さくい 開放 かいほう 原始 げんし 碼專案 あん 發布 はっぷ [ 3] 。它最初 はつ 是 ぜ 基 もと 於六 ろく 個 こ 原則 げんそく 開發 かいはつ 的 てき :開 ひらき 箱 ばこ 即 そく 用 よう 的 てき 功 こう 能 のう ,無 む 需設定 せってい ,JavaScript無 む 處 しょ 不在 ふざい ,所 しょ 有功 ゆうこう 能都 のと 用 よう JavaScript編 へん 寫 うつし ,自動 じどう 程 ほど 式 しき 碼拆分 ぶん 和 わ 伺服器 き 渲染,可 か 配置 はいち 的 てき 資料 しりょう 獲 え 取 ど ,預 あずか 測 はか 請求 せいきゅう 和 わ 簡化部署 ぶしょ [ 15] 。Next.js 2.0於2017年 ねん 3月 がつ 發布 はっぷ ,其中包括 ほうかつ 多項 たこう 改善 かいぜん ,使 つかい 小型 こがた 網 もう 站開發 かいはつ 變 へん 得 どく 更 さら 加 か 容易 ようい 。還 かえ 提 ひさげ 高 だか 了 りょう 構建效率 こうりつ 並 なみ 提 ひさげ 高 だか 了 りょう 熱 ねつ 模 も 塊 かたまり 更 さら 換 かわ 功 こう 能 のう 的 てき 可 か 擴展性 せい [ 16] 。7.0版 はん 於2018年 ねん 9月 がつ 發布 はっぷ ,改 あらため 進 しん 了 りょう 錯誤 さくご 處理 しょり 並 なみ 支持 しじ React的 てき 上下 じょうげ 文 ぶん API以改進 しん 動態 どうたい 路 ろ 由 よし 處理 しょり 。也是第 だい 一 いち 個 こ 升 ます 級 きゅう 到 いた webpack 4的 てき 版本 はんぽん [ 17] 。8.0版 はん 於2019年 ねん 2月 がつ 發布 はっぷ ,是 ぜ 第 だい 一個提供無伺服器應用程式部署的版本,其中程 なかほど 式 しき 碼被拆分為 ため 按需運行 うんこう 的 てき 匿名 とくめい 函 はこ 式 しき (Lambda function)。該版本 はんぽん 還 かえ 減少 げんしょう 了 りょう 靜態 せいたい 匯出所 しょ 需的時間 じかん 和 わ 資源 しげん ,並 なみ 提 ひさげ 高 だか 了 りょう 預 あずか 取 ど 性能 せいのう [ 18] 。9.3版 はん 於2020年 ねん 3月 がつ 發布 はっぷ ,包括 ほうかつ 各種 かくしゅ 優 ゆう 化 か 以及全域 ぜんいき Sass和 わ CSS模 も 組 ぐみ 支持 しじ [ 19] 。於2020年 ねん 7月 がつ 27日 にち ,Next.js 9.5版 はん 發布 はっぷ ,增加 ぞうか 了 りょう 包括 ほうかつ 增量 ぞうりょう 靜態 せいたい 再生 さいせい (incremental static regeneration, ISR)、重 じゅう 新 しん 寫 うつし 入 にゅう 和重 かずえ 新 しん 導 しるべ 向 こう 支援 しえん 在 ざい 內的新 しん 功 こう 能 のう [ 20] 。於2021年 ねん 6月 がつ 15日 にち ,Next.js第 だい 11版 はん 發布 はっぷ ,其中包括 ほうかつ :Webpack 5支援 しえん 、實 み 時 じ 協 きょう 作 さく 編 へん 碼功能 のう 預 あずか 覽 らん 「Next.js Live」,以及從 したがえ Create React App自動 じどう 轉換 てんかん 為 ため Next.js的 てき 實驗 じっけん 性 せい 功 こう 能 のう 相 しょう 容 よう 形式 けいしき 「Create React App Migration」[ 21] 。2021年 ねん 10月 がつ 26日 にち ,Next.js 12發布 はっぷ ,增加 ぞうか 了 りょう Rust編 へん 譯 やく 器 き ,使 つかい 編 へん 譯 やく 速度 そくど 更 さら 快 かい ,支持 しじ AVIF,Edge Functions與 あずか 中 ちゅう 介 かい 軟體,原生 げんせい ESM與 あずか URL輸入 ゆにゅう [ 22] 。
Next.js支持 しじ CSS樣式 ようしき 以及預編 へん 譯 やく 的 てき SCSS和 わ SASS、CSS-in-JS和 わ StyledJSX[ 12] 。此外,它也利用 りよう TypeScript 支援 しえん 和智 わち 慧 とし 型 がた 捆綁構建[ 23] 。開放 かいほう 原始 げんし 碼編譯 やく 器 き Babel用 よう 於將程 ほど 式 しき 碼轉換 てんかん 和 わ 編 へん 譯 やく 成 なり 瀏 りゅう 覽 らん 器 き 可用 かよう 的 てき JavaScript。Webpack ,是 ぜ 另一個開放原始碼工具,用 よう 於在之 これ 後 ご 打 だ 包 つつみ 模 も 組 ぐみ 。所有 しょゆう 這些工具 こうぐ 都 と 在 ざい 指令 しれい 終端 しゅうたん 機 き 中 ちゅう 與 あずか NPM 一起 かずき 使用 しよう [ 13] 。
Next.js的 てき 主要 しゅよう 特 とく 點 てん 是 ぜ 使用 しよう 伺服器 き 端 はし 渲染來 らい 減 げん 輕 けい 網 もう 頁 ぺーじ 瀏 りゅう 覽 らん 器 き 的 てき 負擔 ふたん 並 なみ 提供 ていきょう 增強 ぞうきょう 安全 あんぜん 性 せい 。這可以針對 たい 應用 おうよう 程 ほど 式 しき 的 てき 任 にん 何 なん 部分 ぶぶん 或 ある 整 せい 個 こ 專 せん 案 あん 完成 かんせい ,從 したがえ 而允許 いんきょ 將 はた 內容豐富 ほうふ 的 てき 頁 ぺーじ 面 めん 單獨 たんどく 挑出來 でき 用 よう 於伺服 ふく 器 き 端 はし 渲染[ 9] 。也可以僅針 はり 對 たい 首 くび 次 じ 訪客 ほうきゃく 進行 しんこう ,以減輕 かる 尚 なお 未 み 下 した 載 の 任 にん 何 なん 網 もう 站資產 しさん 的 てき 網 もう 路 ろ 瀏 りゅう 覽 らん 器 き 的 てき 負 まけ 載 の [ 10] 。「熱 ねつ 重 おも 載 の (Hot reloading)」功 こう 能會 のうかい 在 ざい 更改 こうかい 發生 はっせい 時 じ 偵測更改 こうかい 並 なみ 重 おも 新 しん 渲染適當 てきとう 的 てき 頁 ぺーじ 面 めん ,因 いん 此伺服 ふく 器 き 也避免 めん 重 おも 新 しん 啟 けい 動 どう 。允許 いんきょ 對 たい 應用 おうよう 程 ほど 式 しき 的 てき 程 ほど 式 しき 碼所做的更改 こうかい 立 りつ 即 そく 反映 はんえい 在 ざい 網 もう 頁 ぺーじ 瀏 りゅう 覽 らん 器 き 中 ちゅう ,儘管某 ぼう 些瀏覽 らん 器 き 會 かい 要求 ようきゅう 重 おも 新 しん 整理 せいり [ 9] 。該軟件 けん 使用 しよう 基 もと 於檔案 あん 系統的 けいとうてき 路 ろ 由 ゆかり 讓 ゆずる 開發 かいはつ 更 さら 便利 べんり ,與 あずか 包括 ほうかつ 對 たい 動態 どうたい 路 ろ 由 よし 的 てき 支援 しえん 。其他功 こう 能 のう 包括 ほうかつ 熱 ねつ 模 も 組 ぐみ 替 かえ 換 かわ ,以便可 か 以實時 じ 替 かえ 換 かわ 模 も 組 ぐみ ,自動 じどう 程 ほど 式 しき 碼拆分 ぶん ,僅包括 ほうかつ 載 の 入 にゅう 頁 ぺーじ 面 めん 所 しょ 需的程 ほど 式 しき 碼,以及頁 ぺーじ 面 めん 預 あずか 取 ど 減少 げんしょう 載 の 入 にゅう 時間 じかん [ 9] 。
Next.js還 かえ 支持 しじ 增量 ぞうりょう 靜態 せいたい 再生 さいせい (ISR)[ 24] 和 かず 靜態 せいたい 站點生成 せいせい (SSG)網 もう 站的編 へん 譯 やく 版本 はんぽん 通常 つうじょう 會 かい 在 ざい 構建期間 きかん 構建並 なみ 以.next文 ぶん 件 けん 夾的型式 けいしき 儲 もうか 存 そん 。當用 とうよう 戶 ど 提出 ていしゅつ 請求 せいきゅう 時 じ ,作為 さくい 靜態 せいたい HTML頁 ぺーじ 面 めん 的 てき 預 あずか 構建版本 はんぽん 將 はた 被 ひ 緩 なる 存 そん 並 なみ 發送 はっそう 出 で 去 ざ 。這會使 し 得 え 載 の 入 にゅう 時間 じかん 非常 ひじょう 快速 かいそく ,但 ただし 它並非 ひ 適合 てきごう 每 ごと 個 こ 網 もう 站,尤 ゆう 其是對 たい 於經常 つね 更改 こうかい 並 なみ 利用 りよう 大量 たいりょう 用 よう 戶 と 輸入 ゆにゅう 的 てき 互動式 しき 網 もう 站將會 かい 變 へん 得 とく 不適合 ふてきごう 。
^ 1.0 1.1 April 21, Matt Asay in Developer on; 2020; Pst, 9:51 Am. How Next.js aims to simplify front-end development . TechRepublic . 21 April 2020 [2020-10-20 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-05-23) (英 えい 语) .
^ vercel/next.js . GitHub. [2019-03-17 ] . (原始 げんし 内容 ないよう 存 そん 档 于2019-03-16).
^ 3.0 3.1 Next.js First Release . GitHub. 2019-03-14 [2019-03-17 ] . (原始 げんし 内容 ないよう 存 そん 档 于2020-10-10).
^ Release 15.0.0 . 2024年 ねん 10月 がつ 21日 にち [2024年 ねん 10月 がつ 22日 にち ] .
^ Recommended Toolchains . React documentation. [10 July 2021] . (原始 げんし 内容 ないよう 存 そん 档 于2022-05-17).
^ ZEIT is now Vercel , 21 April 2020 [2022-05-18 ] , (原始 げんし 内容 ないよう 存 そん 档 于2021-12-15)
^ Develop. Preview. Ship. For the best frontend teams – Vercel . vercel.com. [2020-09-22 ] . (原始 げんし 内容 ないよう 存 そん 档 于2021-10-06).
^ Differences Between Static Generated Sites And Server-Side Rendered Apps . Smashing Magazine . 2020-07-02 [2020-10-19 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-05-21) (英 えい 语) .
^ 9.0 9.1 9.2 9.3 9.4 9.5 9.6 Thakkar, Mohit, Thakkar, Mohit , 编, Next.js , Building React Apps with Server-Side Rendering: Use React, Redux, and Next to Build Full Server-Side Rendering Applications (Berkeley, CA: Apress ), 2020: 93–137 [2020-10-20 ] , ISBN 978-1-4842-5869-9 , S2CID 241224880 , doi:10.1007/978-1-4842-5869-9_3 , (原始 げんし 内容 ないよう 存 そん 档 于2022-06-06) (英 えい 语)
^ 10.0 10.1 Thakkar, Mohit, Thakkar, Mohit , 编, Adding Server-Side Rendering to Your React Application , Building React Apps with Server-Side Rendering: Use React, Redux, and Next to Build Full Server-Side Rendering Applications (Berkeley, CA: Apress ), 2020: 139–152 [2020-10-20 ] , ISBN 978-1-4842-5869-9 , S2CID 216333955 , doi:10.1007/978-1-4842-5869-9_4 , (原始 げんし 内容 ないよう 存 そん 档 于2020-10-26) (英 えい 语)
^ December 2, Matt Asay in Developer on; 2019; Pst, 11:58 Am. Why front-end development may be the new frontier . TechRepublic . 2 December 2019 [2020-10-20 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-03-25) (英 えい 语) .
^ 12.0 12.1 Comparing Styling Methods In Next.js . Smashing Magazine . 2020-09-17 [2020-10-20 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-03-19) (英 えい 语) .
^ 13.0 13.1 January 31, Matt Asay in Developer on; 2020; Pst, 6:33 Pm. An insider's look at Google's web framework contributions to Next.js and more . TechRepublic . February 2020 [2020-10-19 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-05-21) (英 えい 语) .
^ Static site generation with single page app functionality? That's what's coming Next(.js) . Stack Overflow Blog. 2020-10-07 [2020-10-20 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-03-25) (美国 びくに 英 えい 语) .
^ Krill, Paul. Next step after Node.js: Framework for 'universal' JavaScript apps . InfoWorld . 2016-10-31 [2020-10-20 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-05-21) (英 えい 语) .
^ Krill, Paul. Next.js 2.0 plays better with React and JavaScript . InfoWorld . 2017-03-28 [2020-10-20 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-03-18) (英 えい 语) .
^ Krill, Paul. Next.js 7 framework compiles faster, supports WebAssembly . InfoWorld . 2018-09-21 [2020-10-20 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-05-21) (英 えい 语) .
^ Krill, Paul. Next.js 8 now supports serverless apps . InfoWorld . 2019-02-14 [2020-10-20 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-05-21) (英 えい 语) .
^ Krill, Paul. Next.js upgrade emphasizes static site generation . InfoWorld . 2020-03-12 [2020-10-20 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-05-21) (英 えい 语) .
^ Krill, Paul. Next.js adds incremental static pages regeneration . InfoWorld . July 27, 2020 [September 22, 2020] . (原始 げんし 内容 ないよう 存 そん 档 于October 2, 2020).
^ Next.js 11 . [2021-07-10 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-05-07).
^ Next.js 12 . nextjs.org. [2021-10-27 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-06-02) (英 えい 语) .
^ Krill, Paul. Next.js 8 now supports serverless apps . InfoWorld . February 14, 2019 [September 22, 2020] . (原始 げんし 内容 ないよう 存 そん 档 于October 2, 2020).
^ Incremental Static Regeneration with Next.js . Vercel. [2022-03-06 ] . (原始 げんし 内容 ないよう 存 そん 档 于2022-04-10) (英 えい 语) .