Next.js 10: New image component integrated

Next.js 10 is here. The update brings some innovations, including, for example, its own component for optimizing images. But that’s not the only change in the release. There was also an update for routing, for example. This should make internationalization easier.

Images are still a significant factor in optimizing loading times on the web. That is why Next.js 10 now has its own component that is designed to reduce loading times in this context.next/imageensures that images are loaded automatically via lazy loading so that images outside the currently active viewport do not cause any traffic. For the initial view of their application, developers can make a manual selection of images that are given priority. In addition, the new component requires information on the image dimensions in the final layout, which is already taken into account in the loading behavior and still remains responsive. The generation of smaller image versions for mobile devices can also be done directly by the component. Above all, the new component makes work easier for developers who no longer have to integrate the corresponding features themselves.

Basic camp for beginners

Get a structured and comprehensible introduction to Angular. All concepts and backgrounds easily explained online!

New: Deep-Dive for advanced users

Penetrate all of Angular’s concepts. Learn about pitfalls, misunderstandings, and deliberate limitations. As online training or on-site in Düsseldorf!

International routing with Next.js 10

Next.js 10 also brings an important innovation for the internationalization of applications. The router has been adapted, which can now redirect to different localizations of a website both via sub-path URLs (e.g. “… / en / blog” and at the level of the top-level domain. In order to find the right address for a If you select users, applications built with Next.js can now also recognize the language preferred by the userAccept-Language-Headers recognized in the browser. So this is also about the usability for the user of the products developed with Next.js. While users on many websites have to manually select which language they prefer via a menu, Next.js relies on an automatic mechanism here. The Next.js team plans to integrate further features for internationalization in the future, which will enable use with the corresponding React libraries.

Next.js 10 has also received a major update for the integrated analytics, which can now no longer only be used selectively, but continuously. In addition, numerous other innovations have made it into the release, which can be read in the blog post .

Leave a Reply