Next.js 16.3 프리뷰 공개…AI 에이전트 개발 지원 강화

Next.js 공식 블로그에 따르면 Vercel은 2026년 6월 26일 Next.js 16.3 프리뷰의 AI 개발 지원 기능을 공개했다. 이번 프리뷰는 npm의 @preview 태그로 제공되며, 안정 버전은 향후 수주 내 공개될 예정이라고 안내됐다.

Next.js 16.3의 초점은 AI 코딩 에이전트가 프레임워크 문서와 실행 중인 개발 서버 상태를 더 정확하게 참고하도록 하는 데 있다. Next.js 팀은 App Router가 안정화된 뒤 프로젝트 규모가 커졌고, Claude Code, Cursor, Codex 같은 에이전트가 작성하는 코드의 비중도 늘었다고 설명했다. 이번 업데이트는 그 흐름에 맞춰 에이전트가 오래된 학습 데이터나 불완전한 추측에 의존하지 않도록 프로젝트 안팎의 문서와 진단 정보를 정리하는 방향이다.

가장 먼저 바뀌는 부분은 AGENTS.md다. Next.js 16.2 이후 create-next-app으로 만든 프로젝트는 로컬에 포함된 Next.js 문서를 AGENTS.md에서 가리킬 수 있었다. 16.3에서는 next dev가 이 포인터를 자동으로 작성하고 갱신한다. 기존 프로젝트도 업그레이드 과정에서 에이전트가 현재 설치된 Next.js 버전에 맞는 문서를 읽도록 유도할 수 있다. 단, 해당 블록은 AI 코딩 에이전트 환경이 감지되고 관리 마커가 없을 때만 삽입되며, 설정에서 비활성화할 수 있다.

퍼스트파티 Skills도 새로 정리됐다. Next.js 팀은 문서만으로 끝내기 어려운 다단계 작업을 위해 next-dev-loop, next-cache-components-adoption, next-cache-components-optimizer를 제공한다고 밝혔다. 이들 Skills는 개발 서버와 MCP 엔드포인트, 브라우저 제어를 묶어 반복적인 수정·검증 흐름을 에이전트가 따라가도록 돕는다. 반대로 App Router 관례와 캐싱 API처럼 문서로 대체 가능한 기존 지식형 Skills는 정리 대상이 됐다.

브라우저 기반 진단도 강화된다. 16.2에서 실험적으로 제공된 next-browser는 16.3에서 agent-browser로 이어지며, 실제 브라우저를 구동하고 React 상태를 살펴보는 기능을 포함한다. 이는 에이전트가 화면 오류나 상호작용 문제를 텍스트 로그만 보고 판단하는 대신 실행 중인 앱의 상태와 브라우저 정보를 함께 보도록 하려는 조치다.

오류 처리 방식도 에이전트 친화적으로 바뀐다. Next.js 16.3은 Instant Insights 오류에 대해 오버레이와 터미널에서 적용 가능한 수정 방향을 구조화해 보여주고, 프롬프트로 복사할 수 있는 흐름을 제공한다. 각 오류 문서는 패턴, 선택지 간의 절충점, 에이전트가 놓치기 쉬운 주의사항을 같은 형식으로 설명하도록 구성됐다. 개발자가 직접 읽는 오류 문서이면서 동시에 에이전트가 수정 전략을 세울 수 있는 입력 자료가 되는 셈이다.

DevTools MCP 서버도 범위가 조정됐다. Next.js 팀은 16.3에서 MCP 서버에 전체 프로젝트 컴파일 이슈를 확인하는 get_compilation_issues와 단일 라우트를 확인하는 compile_route 도구를 추가했다. 반면 문서 지식베이스와 업그레이드·Cache Components 보조 도구는 AGENTS.md와 Skills 쪽으로 역할이 옮겨지면서 제거됐다.

문서 배포 방식에도 변화가 있다. Next.js 문서 URL 끝에 .md를 붙이면 마크다운 형식으로 문서를 받을 수 있고, Accept: text/markdown 헤더도 지원한다. 공식 문서 색인은 llms.txt와 llms-full.txt로 제공된다. AI 에이전트가 웹 페이지를 해석하기보다 구조화된 텍스트 문서를 읽는 방식에 맞춘 변화다.

이번 프리뷰는 프레임워크가 AI 에이전트를 단순한 외부 개발 도구로 보지 않고, 개발 경험의 기본 사용자 중 하나로 다루기 시작했다는 점에서 의미가 있다. Next.js 16.3이 안정 버전으로 공개될 때 기능 범위가 일부 조정될 수 있지만, 문서 제공, 브라우저 진단, 오류 수정 프롬프트, MCP 도구를 한 흐름으로 묶은 방향은 웹 프레임워크의 개발자 경험 경쟁이 에이전트 지원으로 확장되고 있음을 보여준다.

출처: Next.js Blog https://nextjs.org/blog/next-16-3-ai-improvements · Next.js 16.3 Instant Navigations https://nextjs.org/blog/next-16-3-instant-navigations · Next.js GitHub Discussion https://github.com/vercel/next.js/discussions/95130 · Next.js docs index https://nextjs.org/docs/llms.txt