(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（英えい语：Vercel） 和わ开放原始げんし码社しゃ群ぐん[2]
首くび次じ发布2016年ねん10月がつ25日にち，​7年ねん前まえ​（2016-10-25）[3]
当とう前ぜん版本はんぽん
  • 14.2.6 (2024年ねん8月がつ21日にち；稳定版本はんぽん)[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月がつ，该框架か已やめ被ひ许多大型おおがた网站使用しよう，包括ほうかつ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. ^ 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.6. 2024年ねん8月がつ21日にち [2024年ねん8月がつ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） （英えい语）. 
检索自じ“https://zh.wikipedia.org/w/index.php?title=Next.js&oldid=84094949”