vercel-react-view-transitions by vercel-labs/agent-skills Install the vercel-react-view-transitions skill for vercel-labs/agent-skills

Add the skill to your project.
skills.sh/vercel-labs...

Guides: View transitions Learn how to use view transitions to communicate meaning during navigation, loading, and content changes in a Next.js app.

New guide: implement each animation from the video with React <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗> in Next.js.
nextjs.org/docs/app/gu...

New agent skill: 𝚛𝚎𝚊𝚌𝚝-𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚜

Add React <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗> animations to any React app. Also covers how Next.js can natively integrate them.

• Animate elements across navigations
• Slide pages forward and back
• Smooth loading transitions
• Composition and accessibility handled

Next.js Across Platforms: Adapters, OpenNext, and Our Commitments Next.js 16.2 introduces a stable Adapter API, a public adapter test suite, and a working group for more consistent deployment across platforms.

Next.js is used by millions of developers across every major cloud. Making it work well everywhere is on us.

Here's what we've built with Netlify, Cloudflare, OpenNext, AWS, and Google Cloud, and the commitments we're making.

nextjs.org/nextjs-acro...

𝚗𝚎𝚡𝚝 𝚍𝚎𝚟 now writes a lock file with the server's PID, port, and URL.

When a second server tries to start, the agent gets everything it needs to resolve the conflict in one shot.

Next.js now forwards all browser errors to the terminal during development, making it easy for agents to fix client-side bugs.

𝚌𝚛𝚎𝚊𝚝𝚎-𝚗𝚎𝚡𝚝-𝚊𝚙𝚙 now ships 𝙰𝙶𝙴𝙽𝚃𝚂.𝚖𝚍 by default, pointing agents to version-matched docs bundled in 𝚗𝚘𝚍𝚎_𝚖𝚘𝚍𝚞𝚕𝚎𝚜.

This hit a 100% eval pass rate vs. 79% for skill-based approaches.

@𝚟𝚎𝚛𝚌𝚎𝚕/𝚗𝚎𝚡𝚝-𝚋𝚛𝚘𝚠𝚜𝚎𝚛 lets agents inspect a running Next.js app from the terminal. Component trees, PPR shells, screenshots, network requests.

Agents can lower Suspense allowing more cached content to be included in the static prerender.

Next.js 16.2: AI Improvements Next.js 16.2 ships AGENTS.md in create-next-app, browser log forwarding, dev server lock file with PID, and next-browser for AI agent debugging.

Next.js 16.2: AI Improvements

• Next.js-aware browser lets Agents improve your app
• 𝙰𝙶𝙴𝙽𝚃𝚂.𝚖𝚍 included in 𝚌𝚛𝚎𝚊𝚝𝚎-𝚗𝚎𝚡𝚝-𝚊𝚙𝚙 by default
• Browser errors forwarded to terminal
• Dev server lock file prevents duplicate servers
nextjs.org/blog/next-1...

Turbopack now tree shakes destructured dynamic imports the same way it does static imports.

𝚌𝚘𝚗𝚜𝚝 { 𝚌𝚊𝚝 } = 𝚊𝚠𝚊𝚒𝚝 𝚒𝚖𝚙𝚘𝚛𝚝('./𝚕𝚒𝚋')

Unused exports are removed from the bundle.

Server Fast Refresh brings browser-style hot reloading to server code. Only the changed module is reloaded instead of clearing the entire 𝚛𝚎𝚚𝚞𝚒𝚛𝚎.𝚌𝚊𝚌𝚑𝚎 chain.

Up to ~375% faster server-side updates in real Next.js apps.

Turbopack: What's New in Next.js 16.2 Turbopack in Next.js 16.2 brings faster builds, SRI support, postcss.config.ts, tree shaking of dynamic imports, Server Fast Refresh, inline loader configuration, and over 200 bug fixes.

Turbopack: What's New in Next.js 16.2

• Up to ~375% faster updates with Server Fast Refresh
• Improved Web Workers support
• Subresource Integrity (SRI) support
• Tree shaking for dynamic 𝚒𝚖𝚙𝚘𝚛𝚝()
• 200+ bug fixes
nextjs.org/blog/next-1...

The error overlay now displays up to five levels of 𝙴𝚛𝚛𝚘𝚛.𝚌𝚊𝚞𝚜𝚎 chains, making it easier to trace errors that wrap other errors.

Hydration mismatch errors now show a + 𝙲𝚕𝚒𝚎𝚗𝚝 / - 𝚂𝚎𝚛𝚟𝚎𝚛 label, so you can clearly spot each environment.

The default production error page has been redesigned.

If you haven't defined a custom 𝚎𝚛𝚛𝚘𝚛.𝚝𝚜𝚡 or 𝚐𝚕𝚘𝚋𝚊𝚕-𝚎𝚛𝚛𝚘𝚛.𝚝𝚜𝚡, the built-in fallback now has a cleaner, more modern look.

Server Function calls are now logged in the terminal during 𝚗𝚎𝚡𝚝 𝚍𝚎𝚟.

You'll see the function name, arguments, execution time, and source file.

We contributed a change to React that makes Server Components payload deserialization up to ~350% faster.

In real Next.js apps, that's 25–60% faster rendering to HTML.

Next.js 16.2 Next.js 16.2 includes Adapters, rendering performance improvements, improved debugging and error pages, and more.

Next.js 16.2

• Up to ~60% faster rendering
• Up to ~400% faster 𝚗𝚎𝚡𝚝 𝚍𝚎𝚟 startup
• Server Function 𝚍𝚎𝚟 logging
• Redesigned error page
• Better hydration errors
• 𝙴𝚛𝚛𝚘𝚛.𝚌𝚊𝚞𝚜𝚎 display in error overlay
nextjs.org/blog/next-16-2

Updated evals: nextjs.org/evals
Set up guide: nextjs.org/docs/app/gu...

Next.js installs will soon include version-matched docs, giving agents context on new and recently updated APIs.

In our evals, this improved success rates by ~20%.

Try it out: 𝚗𝚙𝚡 𝚌𝚛𝚎𝚊𝚝𝚎-𝚗𝚎𝚡𝚝-𝚊𝚙𝚙@𝚌𝚊𝚗𝚊𝚛𝚢

Building Next.js for an agentic future How we built and sunset an in-browser agent, shipped MCP integration, and learned that better AI agent support means thinking from the agent's perspective.

As more Next.js apps are built with AI, we've been focusing on improving the agent experience.

Here's what we've learned, and how we're thinking about agents as first-class users ↓
nextjs.org/blog/agenti...

Guides: Public pages Learn how to build public, "static" pages that share data across users, such as landing pages, list pages (products, blogs, etc.), marketing and news sites.

Learn more about this pattern: nextjs.org/docs/app/gu...

Two ways to handle a blocking component in Next.js:

• Cache: so it can be prerendered with the rest of the page.
• Stream: so the rest of the page doesn't have to wait for it.

Inside Turbopack: Building Faster by Building Less Learn how we built Turbopack with incremental computation to scale development and builds to massive Next.js applications.

Learn how we built Turbopack with incremental computation to scale development and builds to Next.js applications of all sizes.
nextjs.org/blog/turbop...

Next.js 16.1 Next.js 16.1 introduces Turbopack file system caching for development, a new bundle analyzer, and easier debugging in Node.js.

More: nextjs.org/blog/next-1...

Next.js 16.1: Turbopack filesystem caching for 𝚍𝚎𝚟 is now enabled by default.

Example field test in an open-source app: 3.7s → 336ms

Guides: Package Bundling Learn how to optimize your application's server and client bundles.

Guide: nextjs.org/docs/app/gu...

Next.js 16.1: Optimize your app with the new Bundle Analyzer

• Filter modules by route, environment, or asset type
• View a module's size and trace its location
• Available for apps using Turbopack

Try it out 𝚗𝚙𝚡 𝚗𝚎𝚡𝚝 𝚎𝚡𝚙𝚎𝚛𝚒𝚖𝚎𝚗𝚝𝚊𝚕-𝚊𝚗𝚊𝚕𝚢𝚣𝚎

Next.js 16.1 Next.js 16.1 introduces Turbopack file system caching for development, a new bundle analyzer, and easier debugging in Node.js.

Next.js 16.1

• Faster compilation in 𝚍𝚎𝚟 with file system caching
• New bundle analyzer for inspecting and optimizing your code
• Easier debugging with 𝚗𝚎𝚡𝚝 𝚍𝚎𝚟 --𝚒𝚗𝚜𝚙𝚎𝚌𝚝

nextjs.org/blog/next-16-1

Next.js Security Update: December 11, 2025 Two additional vulnerabilities have been identified in React Server Components. Users should upgrade to patched versions immediately.

Two new RSC protocol vulnerabilities (one high, one medium) were uncovered while auditing the protocol following React2Shell.

Please upgrade to the latest patched version in your release line.
nextjs.org/blog/securi...