🍿 Biggest AI updates in Next.js 16.2 (Your AI agent can finally see what your users see)


Hey Reader,

This week, Next.js 16.2 gave AI agents something they never had "a browser". Your agent can now see your app, find the problem, and fix it without asking you. This along with GPT-5.4 mini & nano (2 small models), TanStack Start going 5x faster, why you should ban useEffect, and more.

Let's dive in.

​
🍿 Our Weekly Snack: Your AI agent can finally see what your users see (Next.js 16.2 is here)

Next.js 16.2 dropped yesterday (deep dive here) and it just gave AI agents a browser. It's called next-browser and it turns your running app into something an AI agent can actually inspect.

Here's the thing,

An LLM can read your code. But it can't open DevTools. It can't see a loading skeleton. It can't check your network tab.

next-browser fixes that with shell commands that return structured text.

πŸ’‘ Why should you care?

Well, your agent can now navigate to a page, see a full-page skeleton, run ppr lock and analyze: Which fetch is the blocker, Which component owns it, and the exact fix.

Then apply it, without asking you.

This is Huge and where framework + AI tooling is heading.

🧠 How to set it up

β†’ Run "npx skills add vercel-labs/next-browser"

β†’ Type /next-browser in Claude Code, Cursor, or any MCP-compatible agent

β†’ It spins up a browser (Chromium) with React DevTools pre-loaded

Agents that don't just read your code, they run your app and see what you see.

πŸš€ Latest Frontend News

LIBRARY UPDATES

@platformatic/vfs brings Virtual File Systems to Node.js a cool new way to create a file virtually and not on disk​

Next.js 16.2 just released, check out this quick 7-minute deep dive here​

Stop Building Slow Next.js apps, do this instead (my recommendations)

TanStack Start just boosted SSR throughput by 5x! Learn how profiling uncovered hot paths to deliver massive performance gains.

Better Icons gives your AI coding agent access to 200,000+ icons across 150+ collections​

​Streamdown 2.5 is out now, with enhanced code blocks and KaTeX support for effortlessly smooth data streaming.

​AI Elements 1.9 is out with new components, an agent skill, and component.

​Vitest 4.1 just shipped with test tags, an agent reporter that cuts token usage and a no-sandbox mode

​
​ GREAT READ ​
​Why we banned React's useEffect a practical breakdown of what to use instead of useEffects, most of the time they aren't necessary

Your Package imports are silently killing your Next.js performance, here's how Vercel fixed it, cutting cold boots by 40% and builds by 28%.
​
​ AI ​
Don't sleep on the mini models. OpenAI just dropped GPT-5.4 mini and nano, 2x faster than GPT-5 mini

Anthropic has hundreds of Skills in active use internally,Lessons from Building Claude Code breaks down what types are worth making and what makes a good one

VS Code now lets your agent drive the browser

​Handy is a free, open-source speech-to-text app that runs entirely on your machine


πŸ€” What did you think of the Newsletter?

​πŸ”₯ Love it!​

β€‹πŸ˜ It’s okay​

β€‹πŸ‘Ž Not good​

If you’ve published a blog post or shipped something, feel free to reply to this email and it comes straight to my inbox. I’m always looking for great community work to consider featuring.

All past newsletters can be found here. You can email me at me@kulkarniankita.com to advertise/sponsor the newsletter.

For those curious, I write all my emails using Convertkit.

See you next week!

Ankita Kulkarni

Join 9200+ subscribers reading by weekly personalized Newsletter that helps developers level up their skills through weekly Frontend and Leadership Snacks. You get a deep dive into a Tech topic, Actionable tips to excel in your career and a toolbox!

Read more from Ankita Kulkarni
next.js proxy

Hey Reader, Middleware got renamed to Proxy in Next.js 16. Same functionality. Better name. What is Proxy? Every request to your app has to go somewhere - a page, an API route, a file. Proxy gets to look at it first and decide what happens: send the user somewhere else, serve different content silently, or just let it through as-is. Think of it as a traffic controller 🚦 sitting in front of your routes. So, why you should stop putting auth in Proxy? It feels like the perfect place but it...

You’re Suspending the Wrong Component

Hey Reader, There are thousands of you going through Modern Full Stack Next.js Course so wanted to be grateful here for your support. Just as a thank you, there is something big dropping for you. It will only last 24 hours ⏰ so keep an eye out for my email next week. Let's dive in! PRESENTED BY CLERK Instead of your coding agent guessing how auth works, you can now install specialized Clerk knowledge directly into it. Introducing Clerk Skills One simple command $ npx skills add clerk/skills...

Next.js bundle analyzer

Hey Reader, This week, we're putting your Next.js app under the microscope, what's slowing it down? This along with the latest news, can AI really debug complex React/Next.js bugs? How OpenClaw and Anthropic are enabling AI collaboration, 3 New Coding Models dropped and more. Let's dive in! 🍿 Our Weekly Snack: What's Really Slowing Down Your Next.js App? Have you ever wondered why your Next.js app feels sluggish or takes forever to load? 🐌 The new experimental Bundle Analyzer in Next.js 16.1...