Menu
Next.js 10 adds image optimisation, user analytics

Next.js 10 adds image optimisation, user analytics

Latest version of the React-based web framework also features an e-commerce starter kit and internationalised routing and language detection

Credit: Kevin Ku

Next.js 10, the latest version of Vercel’s React-based web framework, adds features including user analytics, automatic image optimisation, e-commerce capabilities, and internationalised routing.

Four-year-old Next.js offers capabilities such as hybrid static and server rendering, smart bundling, TypeScript support, and route pre-fetching. Next.js 10, unveiled October 27, features the following new capabilities:

  • Automatic image optimisation, providing a replacement for slow legacy HTML and browser image stacks. Developers can automatically replace legacy HTML tags with a React-based image component that improves page responsiveness through progressive loading.
  • Internationalised routing and automatic language detection, giving teams paths for translation and eliminating DIY approaches by supporting language negotiation and memorisation out-of-the-box while determining what content to serve according to user language preferences.
  • Next.js Analytics, providing continuous user insights to help developers understand where to focus to improve site performance. Continuous feedback helps developers understand how a site or application performs for users and improves Web Vitals scores.
  • Next.js Commerce, an all-in-one starter kit giving developers the performance, personalisation, and an immersive modern user experience that the world’s largest sites deliver, Vercel said. The open source platform automates implementation of common e-commerce site components, with a data layer and reusable data primitives provided by Vercel partner BigCommerce.
  • CSS can be imported from inside of third-party React components.

Next.js supports newly introduced React 17, which has no breaking changes for Next.js. Some maintenance changes were required. The new JSX transform is automatically enabled with React 17.


Follow Us

Join the newsletter!

Or

Sign up to gain exclusive access to email subscriptions, event invitations, competitions, giveaways, and much more.

Membership is free, and your security and privacy remain protected. View our privacy policy before signing up.

Error: Please check your email address.

Featured

Slideshows

Channel gathers to celebrate the Reseller News Innovation Awards 2020 winners

Channel gathers to celebrate the Reseller News Innovation Awards 2020 winners

More than 500 channel leaders gathered in Auckland on 21 October at the ​Reseller News Innovation Awards ​2020 to celebrate the achievements of the New Zealand technology industry's top partners, start-ups, vendors, distributors and individuals.

Channel gathers to celebrate the Reseller News Innovation Awards 2020 winners
Meet the winners of the 2020 Reseller News Innovation Awards

Meet the winners of the 2020 Reseller News Innovation Awards

Reseller News honoured the standout players of the New Zealand channel in front of more than 500 technology leaders in Auckland on 21 October, recognising the achievements of top partners, start-ups, vendors, distributors and individuals.

Meet the winners of the 2020 Reseller News Innovation Awards
Meet the Reseller News 30 Under 30 Tech Awards 2020 winners

Meet the Reseller News 30 Under 30 Tech Awards 2020 winners

This year’s Reseller News 30 Under 30 Tech Awards were held as an integral part of the first entirely virtual Emerging Leaders​ forum, an annual event dedicated to identifying, educating and showcasing the New Zealand technology market’s rising stars. The 30 Under 30 Tech Awards 2020 recognised the outstanding achievements and business excellence of 30 talented individuals​, across both young leaders and those just starting out. In this slideshow, Reseller News honours this year's winners and captures their thoughts about how their ideas of leadership have changed over time.​

Meet the Reseller News 30 Under 30 Tech Awards 2020 winners
Show Comments