In line with Vercel, Subsequent.js 14 provides important efficiency boosts, together with 53% quicker native server startup and 94% quicker code updates utilizing Quick Refresh.
Moreover, 5,000 “subsequent dev” integration exams have now handed with Turbopack, which is the underlying Rust engine for Subsequent.js. Vercel says that builders ought to expertise quicker and extra dependable efficiency utilizing “subsequent dev –turbo” now. The corporate additionally says that when 100% of exams go with Turbopack, Turbopack shall be moved to secure (presently 90% go).
Additionally on this launch, the Subsequent.js crew has improved the developer expertise of authoring information mutations with the secure launch of Server Actions, which lets you outline asynchronous server capabilities. You should utilize Server Actions to revalidate cached information, redirect to completely different routes, set and browse cookies, and extra.
Subsequent.js 14 additionally features a preview for Partial Prerending, which optimizes the compiler to deal with dynamic content material. It additionally doesn’t require you to be taught any new APIs to make use of. “We’ve heard your suggestions. There’s presently too many runtimes, configuration choices, and rendering strategies to have to think about. You need the pace and reliability of static, whereas additionally supporting totally dynamic, customized responses. Having nice efficiency globally and personalization shouldn’t come at the price of complexity,” Lee Robinson, VP of developer expertise at Vercel, and Tim Neutkens, engineering supervisor for Subsequent.js, wrote in a weblog submit.
Shifting on, Vercel additionally decoupled blocking and non-blocking metadata and is deprecating a number of metadata choices, together with viewport, colorScheme, and themeColor. New metadata choices have been added to exchange these.
Along with releasing Subsequent.js 14, Vercel additionally introduced the launch of a brand new course on Subsequent.js Study that covers the Subsequent.js App Router, Tailwind CSS, optimizing fonts and pictures, creating layouts and pages, and extra.