Post

Starting with Next.js 16.4, we're excited to recommend Cache Components as the best choice for every Next.js application. All new apps made with πšŒπš›πšŽπšŠπšπšŽ-πš—πšŽπš‘πš-πšŠπš™πš™ have Cache Components enabled by default.

The new πšŽπš—πšœπšžπš›πšŽπš‚πšπšŠπšπš’πšŒ API lets you mark routes that should produce a static response when they're first loaded, explicitly prefetched with a link, or fully rendered during a navigation. This prevents accidental request-time rendering for static pages.

The new πš—πšŠπšŸπš’πšπšŠπšπš’πš˜πš—() API lets you exclude parts of a page from being rendered during a prefetch. Use it to prerender only the most meaningful UI ahead of time, and defer more expensive secondary content until an actual user navigation.

A new CLI command helps agents upgrade your Next.js apps: πš—πš™πš‘ πš—πšŽπš‘πš@πšŒπšŠπš—πšŠπš›πš’ πšžπš™πšπš›πšŠπšπšŽ --πšŠπšπšŽπš—πš=πš•πšŠπšπšŽπšœπš It gives your agent any guides, codemods, and verification steps needed, all specific to your version of Next.js.

Coding agents encounter framework errors and workarounds we may not otherwise see. The experimental πšŠπšπšŽπš—πšπ™΅πšŽπšŽπšπš‹πšŠπšŒπš” workflow drafts reports for you to review before sending, helping us improve Next.js based on the problems coding agents encounter.

Turbopack now does less work and produces smaller output: a 20–25% smaller disk cache, server updates compiled only when needed, and smaller production bundles. New experimental features let apps load imports on demand, remove stale cache data, and run plugins in worker threads.

Turbopack Bundle Analyzer now surfaces large client routes, snapshot diffs, and critical render-path modules. Use the πš—πšŽπš‘πš-πš‹πšžπš—πšπš•πšŽ-πš˜πš™πšπš’πš–πš’πš£πšŽπš› skill with your coding agent to reduce what reaches the browser. skills.sh/vercel/next...

skills.shnext-bundle-optimizer β€” vercel/next.jsAudit and reduce Next.js browser initial-load work. Use for slow route startup, oversized client bundles, duplicate browser dependencies, or features that can…

0 reposts3 likes