Jump to content

Next.js: Difference between revisions

From Wikipedia, the free encyclopedia
Browse history interactively
← Previous editNext edit →
Content deleted Content added
VisualWikitext
Citation bot (talk | contribs)
Bots
5,198,181 edits
Alter: title. Add: author pars. 1-1. Removed parameters. Some additions/deletions were actually parameter name changes. | You can use this bot yourself. Report bugs here. | Suggested by Ost316 | Category:Articles for deletion | via #UCB_Category 361/730
WP:TNT. This can be the lead and some of this information can be unpacked to build a body. Cut out all the unnecessary unreliable sources
Line 19: Line 19:
}}
}}


'''Next.js''' is an [[open-source]] [[React (web framework)|React]] web framework that enables certain extra functionality such as [[server-side scripting|server-side rendering]] and generating [[static web page|static website]]s.<ref name=compareStatic>{{Cite web|date=2020-07-02|title=Differences Between Static Generated Sites And Server-Side Rendered Apps|url=https://www.smashingmagazine.com/2020/07/differences-static-generated-sites-server-side-rendered-apps/|access-date=2020-10-19|website=[[Smashing Magazine]]|language=en}}</ref> It is a production-ready framework that allows developers to quickly create static and dynamic [[JAMstack]] websites and is used widely by many large companies.<ref name=buildBlog>{{Cite web|date=2020-09-09|title=How To Build A Blog With Next And MDX|url=https://www.smashingmagazine.com/2020/09/build-blog-nextjs-mdx/|access-date=2020-10-19|website=[[Smashing Magazine]]|language=en}}</ref> The copyright and trademarks for Next.js are owned by Vercel.<ref>{{Cite web|url=https://vercel.com/home|title=Develop. Preview. Ship. For the best frontend teams – Vercel|website=vercel.com|access-date=2020-09-22|archive-date=2020-10-01|archive-url=https://web.archive.org/web/20201001172932/https://vercel.com/home|url-status=live}}</ref> Google has donated to the Next.js project, contributing 43 pull requests in 2019 where they helped in pruning unused javascript, reducing overhead time, and adding improved metrics .<ref>{{Cite web|last=January 31|first=Matt Asay in Developer on|last2=2020|last3=Pst|first3=6:33 Pm|title=An insider's look at Google's web framework contributions to Next.js and more|url=https://www.techrepublic.com/article/insiders-look-at-googles-web-framework-contributions-to-next-js-and-more/|access-date=2020-10-19|website=[[TechRepublic]]|language=en}}</ref>
'''Next.js''' is a [[React (web framework)|React]] framework for developing single page and multi-page [[JavaScript]] applications and websites<ref>{{Cite web|url=https://www.codemotion.com/magazine/dev-hub/web-developer/react-project-cra-nextjs-gatsby/|title=Kick Off A React Project: CRA, Next.js or Gatsby?|date=June 23, 2020|access-date=October 10, 2020|archive-date=October 8, 2020|archive-url=https://web.archive.org/web/20201008103420/https://www.codemotion.com/magazine/dev-hub/web-developer/react-project-cra-nextjs-gatsby/|url-status=live}}</ref>. It is an open source web framework that allows developers to create Jamstack as well as server-rendered applications by incorporating web development best practices into the framework<ref>{{Cite web |url=https://stackoverflow.blog/2020/10/07/qa-with-the-creators-of-next-js-on-version-9-5/ |title=Archived copy |access-date=2020-10-10 |archive-date=2020-10-08 |archive-url=https://web.archive.org/web/20201008212108/https://stackoverflow.blog/2020/10/07/qa-with-the-creators-of-next-js-on-version-9-5/ |url-status=live }}</ref>.


⚫
Next.js is one of several recommended "toolchains" available when starting a new React app, all of which provide a layer of abstraction to aid in common tasks.<ref name=SmashingStyle>{{Cite web|date=2020-09-17|title=Comparing Styling Methods In Next.js|url=https://www.smashingmagazine.com/2020/09/comparison-styling-methods-next-js/|access-date=2020-10-20|website=[[Smashing Magazine]]|language=en}}</ref> Traditional React apps render all their content in the client-side browser, Next.js is used to extend this functionality to include applications rendered on the server side.<ref name=thakkar>{{Citation|last=Thakkar|first=Mohit|title=Next.js|date=2020|url=https://doi.org/10.1007/978-1-4842-5869-9_3|work=Building React Apps with Server-Side Rendering: Use React, Redux, and Next to Build Full Server-Side Rendering Applications|pages=93–137|editor-last=Thakkar|editor-first=Mohit|place=Berkeley, CA|publisher=[[Apress]]|language=en|doi=10.1007/978-1-4842-5869-9_3|isbn=978-1-4842-5869-9|access-date=2020-10-20}}</ref> The framework supports common [[CSS]] as well as precompiled [[SCSS]] and [[SASS]], and [[JSX (JavaScript)|styled JSX]].<ref name=SmashingStyle /> In addition, it is built with [[TypeScript]] support and smart bundling.<ref>{{Cite web|url=https://www.infoworld.com/article/3340817/nextjs-8-now-supports-serverless-apps.html|title=Next.js 8 now supports serverless apps|first=Paul|last=Krill|date=February 14, 2019|website=InfoWorld|access-date=September 22, 2020|archive-date=October 2, 2020|archive-url=https://web.archive.org/web/20201002001850/https://www.infoworld.com/article/3340817/nextjs-8-now-supports-serverless-apps.html|url-status=live}}</ref> Other notable feature of Next.js include [[hot reloading]], page-based routing, automatic code splitting, page prefetching, and hot module replacement.<ref name=thakkar /> On July 27, 2020 Next.js version 9.5 was announced, adding new capabilities including incremental static regeneration, rewrites, and redirect support<ref>{{Cite web|url=https://www.infoworld.com/article/3568468/nextjs-adds-incremental-static-pages-regeneration.html|title=Next.js adds incremental static pages regeneration|first=Paul|last=Krill|date=July 27, 2020|website=InfoWorld|access-date=September 22, 2020|archive-date=October 2, 2020|archive-url=https://web.archive.org/web/20201002003602/https://www.infoworld.com/article/3568468/nextjs-adds-incremental-static-pages-regeneration.html|url-status=live}}</ref>.
Next.js is used by Hulu, Tik Tok and AT&T, among others<ref>{{Cite web|url=https://nextjs.org/|title=Next.js by Vercel - The React Framework|website=nextjs.org|access-date=2019-03-17|archive-date=2020-06-29|archive-url=https://web.archive.org/web/20200629101702/https://nextjs.org/|url-status=live}}</ref>. Google directly contributes to Next.js<ref>https://www.techrepublic.com/article/insiders-look-at-googles-web-framework-contributions-to-next-js-and-more/#:~:text=Google%20has%20been%20investing%20in,developers%20build%20better%20web%20applications {{Webarchive|url=https://web.archive.org/web/20200604231022/https://www.techrepublic.com/article/insiders-look-at-googles-web-framework-contributions-to-next-js-and-more/#:~:text=Google%20has%20been%20investing%20in,developers%20build%20better%20web%20applications |date=2020-06-04 }}.</ref> and the Next.js trademark is owned by Vercel<ref>{{Cite web|url=https://vercel.com/home|title=Develop. Preview. Ship. For the best frontend teams – Vercel|website=vercel.com|access-date=2020-09-22|archive-date=2020-10-01|archive-url=https://web.archive.org/web/20201001172932/https://vercel.com/home|url-status=live}}</ref>.

⚫
Next.js offers developers static<ref>{{Cite web|url=https://www.infoworld.com/article/3532316/nextjs-upgrade-emphasizes-static-site-generation.html|title=Next.js upgrade emphasizes static site generation|first=Paul|last=Krill|date=March 12, 2020|website=InfoWorld|access-date=May 13, 2020|archive-date=June 21, 2020|archive-url=https://web.archive.org/web/20200621015726/https://www.infoworld.com/article/3532316/nextjs-upgrade-emphasizes-static-site-generation.html|url-status=live}}</ref> and server rendering<ref>{{Cite web|url=https://www.smashingmagazine.com/2020/07/differences-static-generated-sites-server-side-rendered-apps/|title=Differences Between Static Generated Sites And Server-Side Rendered Apps|date=July 2, 2020|website=Smashing Magazine|access-date=September 22, 2020|archive-date=October 2, 2020|archive-url=https://web.archive.org/web/20201002004543/https://www.smashingmagazine.com/2020/07/differences-static-generated-sites-server-side-rendered-apps/|url-status=live}}</ref>, TypeScript support, smart bundling and route prefetching<ref>{{Cite web|url=https://www.infoworld.com/article/3340817/nextjs-8-now-supports-serverless-apps.html|title=Next.js 8 now supports serverless apps|first=Paul|last=Krill|date=February 14, 2019|website=InfoWorld|access-date=September 22, 2020|archive-date=October 2, 2020|archive-url=https://web.archive.org/web/20201002001850/https://www.infoworld.com/article/3340817/nextjs-8-now-supports-serverless-apps.html|url-status=live}}</ref>. On July 27, 2020 Next.js version 9.5 was announced, adding new capabilities including incremental static regeneration and rewrites and redirect support<ref>{{Cite web|url=https://www.infoworld.com/article/3568468/nextjs-adds-incremental-static-pages-regeneration.html|title=Next.js adds incremental static pages regeneration|first=Paul|last=Krill|date=July 27, 2020|website=InfoWorld|access-date=September 22, 2020|archive-date=October 2, 2020|archive-url=https://web.archive.org/web/20201002003602/https://www.infoworld.com/article/3568468/nextjs-adds-incremental-static-pages-regeneration.html|url-status=live}}</ref>.

Next.js is used by web developers for building static websites, pre-rendered apps and mobile web apps<ref>https://www.infoworld.com/article/3568468/nextjs-adds-incremental-static-pages-regeneration.html#:~:text=js%20is%20intended%20as%20an,easy%20hosting%20of%20a%20Next {{Webarchive|url=https://web.archive.org/web/20201002003602/https://www.infoworld.com/article/3568468/nextjs-adds-incremental-static-pages-regeneration.html#:~:text=js%20is%20intended%20as%20an,easy%20hosting%20of%20a%20Next |date=2020-10-02 }}.</ref>.


== References ==
== References ==

Revision as of 00:20, 20 October 2020

Next.js
Developer(s)Vercel and community[1]
Initial releaseOctober 25, 2016; 7 years ago (2016-10-25)[2]
Stable release
9.5.3
Repositorygithub.com/vercel/next.js
Written inJavaScript
PlatformWeb platform
TypeWeb application framework
LicenseMIT License
Websitenextjs.org

Next.js is an open-source React web framework that enables certain extra functionality such as server-side rendering and generating static websites.[3] It is a production-ready framework that allows developers to quickly create static and dynamic JAMstack websites and is used widely by many large companies.[4] The copyright and trademarks for Next.js are owned by Vercel.[5] Google has donated to the Next.js project, contributing 43 pull requests in 2019 where they helped in pruning unused javascript, reducing overhead time, and adding improved metrics .[6]

Next.js is one of several recommended "toolchains" available when starting a new React app, all of which provide a layer of abstraction to aid in common tasks.[7] Traditional React apps render all their content in the client-side browser, Next.js is used to extend this functionality to include applications rendered on the server side.[8] The framework supports common CSS as well as precompiled SCSS and SASS, and styled JSX.[7] In addition, it is built with TypeScript support and smart bundling.[9] Other notable feature of Next.js include hot reloading, page-based routing, automatic code splitting, page prefetching, and hot module replacement.[8] On July 27, 2020 Next.js version 9.5 was announced, adding new capabilities including incremental static regeneration, rewrites, and redirect support[10].

References

  1. ^ "zeit/next.js". GitHub. Archived from the original on 2019-03-16. Retrieved 2019-03-17.
  2. ^ "Next.js First Release". GitHub. 2019-03-14. Archived from the original on 2020-10-10. Retrieved 2019-03-17.
  3. ^ "Differences Between Static Generated Sites And Server-Side Rendered Apps". Smashing Magazine. 2020-07-02. Retrieved 2020-10-19.
  4. ^ "How To Build A Blog With Next And MDX". Smashing Magazine. 2020-09-09. Retrieved 2020-10-19.
  5. ^ "Develop. Preview. Ship. For the best frontend teams – Vercel". vercel.com. Archived from the original on 2020-10-01. Retrieved 2020-09-22.
  6. ^ 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. Retrieved 2020-10-19. {{cite web}}: |last2= has numeric name (help)CS1 maint: numeric names: authors list (link)
  7. ^ a b "Comparing Styling Methods In Next.js". Smashing Magazine. 2020-09-17. Retrieved 2020-10-20.
  8. ^ a b Thakkar, Mohit (2020), Thakkar, Mohit (ed.), "Next.js", Building React Apps with Server-Side Rendering: Use React, Redux, and Next to Build Full Server-Side Rendering Applications, Berkeley, CA: Apress, pp. 93–137, doi:10.1007/978-1-4842-5869-9_3, ISBN 978-1-4842-5869-9, retrieved 2020-10-20
  9. ^ Krill, Paul (February 14, 2019). "Next.js 8 now supports serverless apps". InfoWorld. Archived from the original on October 2, 2020. Retrieved September 22, 2020.
  10. ^ Krill, Paul (July 27, 2020). "Next.js adds incremental static pages regeneration". InfoWorld. Archived from the original on October 2, 2020. Retrieved September 22, 2020.
Retrieved from "https://en.wikipedia.org/w/index.php?title=Next.js&oldid=984415320"