Agentic Future, Portless, Virtual Scrolling, Geist Pixel, React’s useTransition, next-mdx-remote-client
Building Next.js for an agentic future
The Next.js team shares how they improved the framework to work better with AI coding agents. With MCP integration, improved logging, and tools like agents.md and next-devtools-mcp, agents can now see runtime errors, routes, and internal state more clearly
React’s useTransition: The hook you’re probably using wrong
If your UI freezes while typing, this guide shows how useTransition can help. It also compares useTransition with useDeferredValue, and shows when debouncing is still the better choice
⚡️ Sponsor: Blazity
Next.js migration toolkit that eliminates guesswork and protects production and stability
Most Next.js migrations from Pages Router to App Router follow the same pattern: a developer reads the docs, starts converting files, breaks something in production, then spends weeks firefighting.
The real problem with migration are the edge cases nobody warns you about, and the lack of systematic approach. We’ve done enough of migrations to confidently say - we’ve been there and done that.
So we built Skills.md — an agent-oriented migration toolkit that gives AI coding agents (and developers) a structured, production-safe path from Pages Router to App Router.
Instead of guesswork and broken deploys you get a repeatable process built from real migration experience. It's open source and built for Skills.sh.
📙 Articles / Tutorials / News
Removing Next.js Taught Me Why Frameworks Are Still Essential Even for AI
After reading claims that tools like Claude Code make frameworks useless, the author rebuilt a Next.js app using only HTML, CSS, and vanilla JavaScript. At first, everything worked. But over time, the structure began to fall apart. The experiment showed that the real value of a framework isn’t just its features, but the clear and enforced structure that keeps both humans and AI aligned
Virtual Scrolling for Billions of Rows
The post breaks down five techniques that make it possible to browse billions of rows in React without freezing the browser
Building a Gantt Chart in Next.js with SVAR React Gantt
A step-by-step guide to using SVAR React Gantt in a Next.js app. It shows how to fix common SSR and hydration warnings, apply a theme, and enable task editing with a built-in Editor panel
How We Reduced INP by 100ms+
A look at how moving to Next.js 16 and enabling the React Compiler boosted responsiveness on a complex page. Together with improved telemetry and script analysis, this resulted in significant INP gains
📦 Projects / Packages / Tools
Introducing Geist Pixel
Vercel is expanding the Geist font family with Geist Pixel, a bitmap-style typeface built on a strict pixel grid. It comes with five variants, 480 glyphs, 7 stylistic sets, and supports 32 languages
Portless
This tool replaces messy port numbers like localhost:3000 with clean names like myapp.localhost. It runs a small proxy and routes each app to its own stable URL
next-mdx-remote-client
A maintained fork of next-mdx-remote with support for MDX v3, App Router, and Pages Router. It adds built-in error handling, frontmatter parsing, typed scope, and support for imports/exports in MDX
Prisma v7.4.0
A new caching layer stores compiled query plans so similar queries don’t need to be recompiled each time. This helps improve throughput in high‑concurrency apps
⚡️ Sponsor: Tigris Data
A terminal user's next interface to object storage
Stop wrestling with verbose cloud commands: install @tigrisdata/cli, then tigris login and start uploading, listing, and copying objects with UNIX-like simplicity — built for developers who live in the terminal.
🌈 Related
AGENTS.md outperforms skills in our agent evals
The team expected agents to use skills to read Next.js docs. But in many cases, the agents didn’t trigger the skill at all. This post explores why tool usage can be unreliable and why embedding guidance directly in AGENTS.md led to much better
The challenges of soft delete
A practical look at how to handle deleted data the right way. The author compares soft delete with trigger-based archives, and explains the trade-offs of each approach
Tips on how to pick the right icons for your website
This post is about avoiding common icon mistakes. It shows why mixing different styles, sizes, and colors can make your design look messy, and how to keep everything consistent
► React Components for both the Client & the Server
A React Summit talk on how to build “hybrid” components that keep most of the UI on the server while adding interactivity with small client wrappers
Have a link you want to share? Send me an email at erfan@nextjsweekly.com
All submissions are appreciated.
👋 See you next week!