Content deleted Content added
Update preview version |
→top: logo class = skin-invert |
||
| (8 intermediate revisions by 7 users not shown) | |||
Line 2:
{{Infobox software
| name = Next.js
| logo = Next.js wordmark.svg
| logo class = skin-invert
| logo
| logo caption = Vercel Next.js wordmark
| author = Guillermo Rauch<ref name=simplify>{{cite web |first=Matt |last=Asay |title=How Next.js aims to simplify front-end development |url=https://www.techrepublic.com/article/how-next-js-aims-to-simplify-front-end-development/ |access-date=2020-10-20 |website=[[TechRepublic]] |date=21 April 2020 |language=en |archive-date=2020-06-03 |archive-url=https://web.archive.org/web/20200603082105/https://www.techrepublic.com/article/how-next-js-aims-to-simplify-front-end-development/ |url-status=dead}}</ref>
| developer = [[Vercel]] and the open-source community<ref>{{cite web |url=https://github.com/vercel/next.js |title=vercel/next.js |website=GitHub |access-date=2019-03-17 |archive-date=2019-03-16 |archive-url=https://web.archive.org/web/20190316035131/https://github.com/vercel/next.js |url-status=live}}</ref>
Line 10 ⟶ 11:
| latest release version = {{wikidata|property|edit|reference|P348}}
| latest release date = {{start date and age|{{wikidata|qualifier|P348|P577}}}}
| latest preview version = v15.
| programming language = [[JavaScript]], [[TypeScript]], and [[Rust (programming language)|Rust]]
| platform = [[Web platform]]
| genre = [[Web application framework]]
| license = [[MIT License]]
Line 19:
}}
'''Next.js''' is an [[open-source]] [[Web framework|web development framework]] created by the private company [[Vercel]] providing [[React (
React documentation mentions Next.js among "Recommended Toolchains" advising it to developers when "building a server-rendered website with Node.js".<ref name="React documentation">{{cite web |title=Recommended Toolchains |url=https://reactjs.org/docs/create-a-new-react-app.html#recommended-toolchains |access-date=10 July 2021 |website=React documentation |language=en-US |format=HTML}}</ref> Where traditional React apps can only render their content in the client-side browser, Next.js extends this functionality to include applications rendered on the server-side.
The copyright and trademarks for Next.js are owned by
== Background ==
Next.js is a [[React (
[[Google]] has contributed to the Next.js project, including 43 pull requests in 2019.<ref name="insiders">{{cite web |last=Asay |first=Matt |date=February 1, 2020 |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-US}}</ref> As of October 2024, the framework is used by many large websites, including [[Walmart]], [[Apple Inc|Apple]], [[Nike, Inc.|Nike]], [[Netflix]], [[TikTok]], [[Uber]], [[Lyft]], [[Starbucks]] and [[Spotify]].<ref name=thakkar1 /><ref>{{cite web |title=Spotify.com Technology Stack |url=https://www.wappalyzer.com/lookup/spotify.com/ |website=Wappalyzer |access-date=15 October 2024}}</ref> In early 2020,
== Development history ==
Line 35:
Next.js 2.0 was announced in March 2017 including several improvements that made it easier to work with small websites. It also increased the build efficiency and improved the scalability of the hot-module replacement feature.<ref>{{Cite web|last=Krill|first=Paul|date=2017-03-28|title=Next.js 2.0 plays better with React and JavaScript|url=https://www.infoworld.com/article/3185385/nextjs-20-plays-better-with-react-and-javascript.html|access-date=2020-10-20|website=[[InfoWorld]]|language=en}}</ref>
Version 7.0 was released in September 2018 with improved error handling and support for React's context [[API]] for improved dynamic route handling. This was also the first version to upgrade to [[Webpack]] 4.<ref>{{Cite web |last=Krill |first=Paul |date=2018-09-21 |title=Next.js 7 framework compiles faster, supports WebAssembly |url=https://www.infoworld.com/article/3307190/nextjs-7-framework-compiles-faster-supports-webassembly.html |access-date=2020-10-20 |website=[[InfoWorld]] |language=en-US}}</ref>
Version 8.0 was released in February 2019 and was the first version to offer [[Serverless computing|serverless]] deployment of applications, in which the code is split up into [[lambda function (computer programming)|lambda function]]s that are run on demand. The version also reduced the time and resources required for static exports and improved [[Prefetch input queue|prefetch]] performance.<ref>{{Cite web |last=Krill |first=Paul |date=2019-02-14 |title=Next.js 8 now supports serverless apps |url=https://www.infoworld.com/article/3340817/nextjs-8-now-supports-serverless-apps.html |access-date=2020-10-20 |website=[[InfoWorld]] |language=en-US}}</ref>
Version 9.3, announced in March 2020, included various optimizations and global [[Sass (stylesheet language)|Sass]] and CSS module support.<ref>{{Cite web|last=Krill|first=Paul|date=2020-03-12|title=Next.js upgrade emphasizes static site generation|url=https://www.infoworld.com/article/3532316/nextjs-upgrade-emphasizes-static-site-generation.html|access-date=2020-10-20|website=[[InfoWorld]]|language=en}}</ref>
Line 45:
On June 15, 2021 Next.js version 11 was released, introducing among others: [[Webpack]] 5 support, preview of real-time collaborative coding functionality "Next.js Live", and experimental function of automatic conversion from Create React App to Next.js compatible form "Create React App Migration".<ref>{{cite web|title=Next.js 11|url=https://nextjs.org/blog/next-11|accessdate=2021-07-10}}</ref>
On October 26, 2021, Next.js 12 was released, adding a [[Rust (programming language)|Rust]] compiler, making the compilation faster, [[AVIF]] support, Edge Functions & Middleware, and Native ESM & URL Imports.<ref>{{Cite web|title=Next.js 12|url=https://nextjs.org/blog/next-12|access-date=2021-10-27|website=nextjs.org|language=en}}</ref>
On October 26, 2022,
In May 2023,
In October 2023,
In October 2024,
== Styling and features ==
| |||