Among the new features added in Next.js 13 are those that make it easier for developers to embed fonts and custom fonts into web pages. A new routing and rendering infrastructure has also been implemented to speed up web design delivery.
“Every year more and more of the web’s best applications are built with Next.js, especially in retail, SaaS [software as a service]and the media, attracted by its balance between an excellent developer experience and excellent end-user performance,” said Guillermo Rauch, creator of Next.js and CEO of Vercel, in his keynote at Next. .js Conf 2022.
The major upgrade is the Turbopack grouper, which Vercel builds in the Rust programming language. Turbopack is faster than Webpack thanks to its highly optimized machine code and low-level incremental engine, explained Lee Robinson, vice president of developer experience at Vercel. However, Turbopack is not a full Webpack replacement yet, as it is only an alpha version and more features will still be added.
Next.js 13 Image Handling Improvements
A big area of improvement in Next.js13 is in how it handles images. Image management has been an area of focus for Next.js for many years, with the Version Next.js 10 in 2020 with a series of improvements in this area.
“Introducing the Next.js image component in version 10 was a crucial step in the right direction,” Lydia Hallie, developer attorney at Vercel, said. “When we surveyed the Next.js community, 70% of respondents told us they were using the Next.js image component in production.”
The ability to more easily use custom fonts is another area of image improvement. Previously, websites that wanted to use custom fonts had to contact external services to load the fonts, which could impact performance.
“We’re reinventing the way developers use fonts with an all-new font system developed in collaboration with the [Google] The Chrome team,” Hallie said. “This built-in module not only optimizes your fonts, but also removes any external network requests for improved privacy and performance.”
About the AuthorSean Michael Kerner is an IT consultant, tech enthusiast, and handyman. He consults for industry and media organizations on technology issues.