DEVOPSdigest

Vercel announced Next.js 10 featuring a number of new capabilities that accelerate frontend developers’ ability to enrich end users’ web experiences globally.

New innovations include automatic image optimization, internationalized routing and automatic language detection, quick-start e-commerce capabilities and continuous Web Vitals analytics.

Vercel’s close collaboration with its customers, in conjunction with partners like Google, Facebook and its community of more than 1,300 open-source contributors have led to the development of Next.js 10, its most powerful release to date.

“Performance, or lack of it, is the most critical factor in the success or failure of the modern web site,” said Vercel CEO Guillermo Rauch. “Next.js 10 addresses the most critical pain points developers face when optimizing their workflows and websites to deliver high quality, highly-performant content at scale. By enabling a true develop-preview-ship-iterate workflow, Next.js 10 makes it easier than ever for them to achieve excellence in web development and helps assure them that their users will have the highest quality web experiences possible, wherever they may be in the world.”

New Innovations in Next.js 10 Include:

- Next.js Analytics -- With Google’s Web Vitals poised to become the next PageRank, a web site’s success or failure can depend on developers’ understanding of and ability to optimize for them. Next.js 10 gives developers real-world continuous user insights that help developers understand exactly where to focus to improve site performance. This continuous feedback helps developers understand how the site or application performs for users and improves their Web Vitals scores.

- Automatic Image Optimization -- Next.js 10 gives developers a replacement for slow legacy HTML and browser image stacks, which support only one image size and type (often 10X larger than a mobile device can render). With Next.js 10, developers can automatically, seamlessly and transparently replace legacy HTML image tags with a React-based image component that satisfies all of those requirements through automatic progressive loading.

- Internationalized Routing and Automatic Language Detection -- Next.js 10 provides internationalized routing and gives teams clear paths for translation, eliminating DIY approaches by supporting language negotiation and memorization out-of-the-box, while automatically determining what content to serve according to users’ language preferences.

- Next.js Commerce -- Vercel, in partnership with BigCommerce, has released Next.js Commerce. It is an open source platform that gives all developers the performance, personalization, customization and immersive modern experiences that the largest sites in the world provide their users. It leverages and automates implementation of common e-commerce site components, with a data layer and reusable data primitives provided by BigCommerce.