Vercel has introduced Next.js 11, accelerating frontend developers’ ability to build the next big thing through speed and collaboration. New features include faster starts and changes, real-time feedback, instantaneous live collaboration and significant image optimization enhancements.
In addition, the Aurora team in Google Chrome developed Conformance for Next.js, a system that provides carefully crafted solutions and rules to support optimal loading; Next.js script prioritization and font enhancement automations that reduce First and Largest Contentful Paint times. Together, these enhancements enable developers to improve Core Web Vitals scores, which are now being used by Google to influence search rankings.
Combining a brand new dev server engine for Next.js with the Vercel platform enables teams to instantly share, chat, draw, and edit from anywhere in the world, with developers able to generate a URL in less than five seconds. With support for both static and dynamic Next.js applications, sharing and accessing a URL is always instantaneous, regardless of page numbers, because there’s no build process involved.
Next.js will run entirely inside the web browser. Leveraging ServiceWorker, WebAssembly and ES Modules makes everything that’s possible when you run Next.js on a local machine possible in the context of a remote collaboration. Next.js Live works perfectly, even when offline, eliminating the need to run or operate remote virtual machines.
Also, Next.js lets developers quickly swap the HTML image tag for the Next.js image component, optimizing images for each device viewport the image is delivered to.
Developers can try these new capabilities by visiting nextjs.org/11.