Next.js 14 Adds Turbopack |
Written by Kay Ewbank |
Thursday, 02 November 2023 |
Next.js 14 has been released with a new turbopack and stable server actions. The updated version was announced at the annual Next.js Conf, where the team described Next.js 14 as their most focused release. Next.js is a page-based routing system with support for dynamic routes. It automatically statically optimizes pages when possible, and carries out server-side rendering of pages with blocking data requirements. The improvements to the new version start with the Turbopack. This follows work that has been ongoing since the release of Next.js 13 to improve local development performance in Next.js in both the Pages and App Router. The developers say they've been rewriting parts of Next.js to support this, and are now taking an incremental approach meaning the Rust-based compiler will reach stability soon, as the team has refocused on supporting all Next.js features first. They say 5,000 integration tests are now passing with Turbopack, the underlying Rust engine. The team has reported up to 53 percent faster local server startup, and up to 94 percent faster code updated with Fast Refresh, and they say these are practical results of performance improvements you should expect with a large application (and large module graph). The second major improvement in the new version is a stable version of Server Actions. These simplify the developer experience of authoring data mutations, and improve the user experience when the user has a slow network connection, or when submitting a form from a lower-powered device. Server Actions make it possible to define a function that runs securely on the server, called directly from your React components. The improvement has been possible because Next.js has now upgraded to the latest React canary, which includes stable Server Actions. This release also includes a preview of partial pre-rendering, a compiler optimization for dynamic content with a fast initial static response. Next.js 14 is available now. More InformationRelated ArticlesNext.js Improves Data Fetching Next.js 5 Improves Webpack Support To be informed about new articles on I Programmer, sign up for our weekly newsletter, subscribe to the RSS feed and follow us on Twitter, Facebook or Linkedin.
Comments
or email your comment to: comments@i-programmer.info Since Next.js 13, we've been working to improve local development performance in Next.js in both the Pages and App Router. Previously, we were rewriting 5,000 integration tests for , our underlying Rust engine. These tests include 7 years of bug fixes and reproductions. While testing on
This benchmark is a practical result of performance improvements you should expect with a large application (and large module graph). With 90% of tests for Once we hit 100% of tests passing, we'll move Turbopack to stable in an upcoming minor release. We'll also continue to support using webpack for custom configurations and ecosystem plugins. |