(Translated by https://www.hiragana.jp/)
Next.js - 维基百科,自由的百科全书 とべ转到内容ないよう

Next.js

本页使用了标题或全文手工转换
维基百科ひゃっか自由じゆうてき百科ひゃっかぜん
Next.js
The Next.js logo, a stylization of its name
Next.js logo
原作げんさくしゃGuillermo Rauch[1]
開發かいはつしゃVercel 開放かいほう原始げんししゃぐん[2]
くび发布2016ねん10がつ25にち,​7ねんまえ​(2016-10-25[3]
とうぜん版本はんぽん
  • 14.2.5 (2024ねん7がつ10日とおか;穩定版本はんぽん)[4]
編輯維基數據鏈接
みなもとだい码库github.com/vercel/next.js
编程语言JavaScript, TypeScript and Rust
平台ひらだいWeb platform
ぶんけん大小だいしょう17.0 MB
类型Web application framework
许可协议MIT License
网站nextjs.org

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がつ,該框やめ許多きょた大型おおがたもう使用しよう包括ほうかつNetflixGitHubUber、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がつ發布はっぷ包括ほうかつ各種かくしゅゆう以及全域ぜんいきSassCSSぐみ支持しじ[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樣式ようしき以及預へんやくてきSCSSSASS、CSS-in-JSStyledJSX[12]。此外,它也利用りようTypeScript支援しえん和智わちとしがた捆綁構建[23]開放かいほう原始げんし碼編やくBabelよう於將ほどしき轉換てんかんへんやくなりりゅうらん可用かようてきJavaScript。Webpack另一個開放原始碼工具,よう於在これつつみぐみ所有しょゆう這些工具こうぐざい指令しれい終端しゅうたんちゅうあずかNPM一起かずき使用しよう[13]

Next.jsてき主要しゅようとくてん使用しよう伺服はし渲染らいげんけいもうぺーじりゅうらんてき負擔ふたんなみ提供ていきょう增強ぞうきょう安全あんぜんせい。這可以針たい應用おうようほどしきてきにんなん部分ぶぶんあるせいせんあん完成かんせいしたがえ允許いんきょはた內容豐富ほうふてきぺーじめん單獨たんどく出來できよう於伺ふくはし渲染[9]。也可以僅はりたいくび訪客ほうきゃく進行しんこう,以減かるなおしたにんなんもう資產しさんてきもうりゅうらんてきまけ[10]。「ねつおも(Hot reloading)」こう能會のうかいざい更改こうかい發生はっせい偵測更改こうかいなみおもしん渲染適當てきとうてきぺーじめんいん此伺ふく也避めんおもしんけいどう允許いんきょたい應用おうようほどしきてきほどしき碼所做的更改こうかいりつそく反映はんえいざいもうぺーじりゅうらんちゅう,儘管ぼう些瀏らんかい要求ようきゅうおもしん整理せいり[9]。該軟けん使用しようもと於檔あん系統的けいとうてきゆかりゆずる開發かいはつさら便利べんりあずか包括ほうかつたい動態どうたいよしてき支援しえん。其他こうのう包括ほうかつねつぐみかえかわ,以便以實かえかわぐみ自動じどうほどしき碼拆ぶん,僅包括ほうかつにゅうぺーじめんしょ需的ほどしき碼,以及ぺーじめんあずか減少げんしょうにゅう時間じかん[9]

Next.jsかえ支持しじ增量ぞうりょう靜態せいたい再生さいせい(ISR)[24]かず靜態せいたい站點生成せいせい(SSG)もう站的へんやく版本はんぽん通常つうじょうかいざい構建期間きかん構建なみ以.nextぶんけん夾的型式けいしきもうかそん當用とうよう提出ていしゅつ請求せいきゅう作為さくい靜態せいたいHTMLぺーじめんてきあずか構建版本はんぽんはたなるそんなみ發送はっそう。這會使にゅう時間じかん非常ひじょう快速かいそくただし它並適合てきごうごともう站,ゆう其是たい於經つね更改こうかいなみ利用りよう大量たいりょうよう輸入ゆにゅうてき互動しきもう站將かいへんとく不適合ふてきごう

外部がいぶ連結れんけつ

[编辑]

参考さんこう文獻ぶんけん

[编辑]
  1. ^ 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) えい语). 
  2. ^ vercel/next.js. GitHub. [2019-03-17]. (原始げんし内容ないようそん于2019-03-16). 
  3. ^ 3.0 3.1 Next.js First Release. GitHub. 2019-03-14 [2019-03-17]. (原始げんし内容ないようそん于2020-10-10). 
  4. ^ Release 14.2.5. 2024ねん7がつ10日とおか [2024ねん7がつ23にち]. 
  5. ^ Recommended Toolchains. React documentation. [10 July 2021]. (原始げんし内容ないようそん于2022-05-17). 
  6. ^ ZEIT is now Vercel, 21 April 2020 [2022-05-18], (原始げんし内容ないようそん于2021-12-15) 
  7. ^ Develop. Preview. Ship. For the best frontend teams – Vercel. vercel.com. [2020-09-22]. (原始げんし内容ないようそん于2021-10-06). 
  8. ^ Differences Between Static Generated Sites And Server-Side Rendered Apps. Smashing Magazine. 2020-07-02 [2020-10-19]. (原始げんし内容ないようそん于2022-05-21) えい语). 
  9. ^ 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. ^ 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) えい语) 
  11. ^ 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. ^ 12.0 12.1 Comparing Styling Methods In Next.js. Smashing Magazine. 2020-09-17 [2020-10-20]. (原始げんし内容ないようそん于2022-03-19) えい语). 
  13. ^ 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) えい语). 
  14. ^ 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) 美国びくにえい语). 
  15. ^ Krill, Paul. Next step after Node.js: Framework for 'universal' JavaScript apps. InfoWorld. 2016-10-31 [2020-10-20]. (原始げんし内容ないようそん于2022-05-21) えい语). 
  16. ^ Krill, Paul. Next.js 2.0 plays better with React and JavaScript. InfoWorld. 2017-03-28 [2020-10-20]. (原始げんし内容ないようそん于2022-03-18) えい语). 
  17. ^ Krill, Paul. Next.js 7 framework compiles faster, supports WebAssembly. InfoWorld. 2018-09-21 [2020-10-20]. (原始げんし内容ないようそん于2022-05-21) えい语). 
  18. ^ Krill, Paul. Next.js 8 now supports serverless apps. InfoWorld. 2019-02-14 [2020-10-20]. (原始げんし内容ないようそん于2022-05-21) えい语). 
  19. ^ Krill, Paul. Next.js upgrade emphasizes static site generation. InfoWorld. 2020-03-12 [2020-10-20]. (原始げんし内容ないようそん于2022-05-21) えい语). 
  20. ^ Krill, Paul. Next.js adds incremental static pages regeneration. InfoWorld. July 27, 2020 [September 22, 2020]. (原始げんし内容ないようそん于October 2, 2020). 
  21. ^ Next.js 11. [2021-07-10]. (原始げんし内容ないようそん于2022-05-07). 
  22. ^ Next.js 12. nextjs.org. [2021-10-27]. (原始げんし内容ないようそん于2022-06-02) えい语). 
  23. ^ Krill, Paul. Next.js 8 now supports serverless apps. InfoWorld. February 14, 2019 [September 22, 2020]. (原始げんし内容ないようそん于October 2, 2020). 
  24. ^ Incremental Static Regeneration with Next.js. Vercel. [2022-03-06]. (原始げんし内容ないようそん于2022-04-10) えい语).