요전날의 업데이트로 마침내 베타판이 공개되어 프런트 엔드 경계를 크게 끓이고 있는 「Next.js 15」. 저자도 즉시 개인 프로젝트를 Next.js 14에서 15로 업그레이드하고 몇 가지 새로운 기능을 시도해 보았습니다. 본고에서는, 실제로 만져 보아 느낀 「진화의 굉장함」을 리뷰 형식으로 전달합니다.

만지고 놀란, Next.js 15 진화

우선 한마디로 표현한다면, 「개발자 체험(DX)과 퍼포먼스의 궁극의 저조」입니다. App Router가 도입된 이후, Next.js는 큰 패러다임 시프트 중에 있었지만, 버전 15는 그 완성형에 가까운 인상을 받았다.

1. React Compiler를 사용한 수동 메모화에서 해제

개인적으로 가장 인상적인 것은 React Compiler의 공식 지원입니다. 지금까지는 쓸데없는 재 렌더링을 막기 위해useMemo,useCallback,React.memo를 어디서나 작성해야했습니다. 그러나 Next.js 15에서는 컴파일러가 잘 최적화합니다.

실제로 코드에서 이러한 훅을 모두 제거해 보았습니다만, 체감 속도는 전혀 떨어지지 않고 오히려 코드 베이스가 극적으로 깨끗해졌습니다. 이것만으로도 마이그레이션할 가치가 있다고 할 수 있습니다.

2. 캐시 전략의 기본 검토

이전 버전에서는 “기본적으로 무엇이든 캐시한다"라는 공격적인 사양에 당황하는 개발자도 많았을 것입니다 (나도 그 혼자였습니다). Next.js 15에서는 페치 요청 (fetch)의 기본값이no-store로 재검토되어 캐시가 필요한 곳만 명시 적으로 지정하는 옵트 인 방식으로 회귀했습니다. 이로 인해 의도하지 않은 오래된 데이터가 표시되는 사고가 줄어들고 직관적 인 개발이 다시 가능합니다.

3. Turbopack의 안정화에 의한 기동 폭속화

로컬 개발 환경의 기동 속도도 특필해야 할 점입니다. Rust 기반 번들러인 Turbopack이 더욱 안정되어 있으며 대규모 프로젝트에서도 문자 그대로 ‘순간’으로 서버가 시작됩니다. 핫 리로드(Fast Refresh)의 응답도 압도적이었고, 대기 시간에 의한 스트레스가 거의 제로가 되었습니다.

총평 : 지금 마이그레이션해야합니까?

결론을 보면 새로운 프로젝트라면 망설이지 않고 Next.js 15 (또는 React 19)를 기반으로 구축하는 것이 좋습니다. 기존 프로젝트라도 App Router로의 마이그레이션이 끝나면 버전 업 자체의 장애물은 그리 높지 않습니다.

“빠른"이라는 것은 단순히 브라우저의 드로잉 속도만의 이야기가 아닙니다. 개발자가 코드를 작성, 확인 및 배포하기 전까지 전체 사이클이 빨라집니다. Next.js 15는 바로 “폭속 사이클"을 실현하는 프레임 워크의 도달 지점이라고 느꼈습니다.