Next.js 15.1 출시: React 19 정식 지원

Next.js 15.1이 출시되었습니다. Next.js 15가 나온지 얼마 되지 않은 것 같은데, 역시 Vercel 답게, 꽤 빠른 후속 업그레이드가 이뤄졌네요. 이번 업데이트의 주요 내용은 대략 다음과 같습니다.


React 19 정식 지원
React 19가 안정화(Stable) 버전으로 출시됨에 따라 Next.js에서도 이를 공식적으로 지원하게 되었습니다. 이제 앱 라우터(App Router)와 페이지 라우터(Pages Router) 모두에서 정식 React 19를 활용할 수 있습니다.


에러 디버깅 환경 개선
터미널, 브라우저, 디버거 모두에서 오류 원인을 더 명확히 확인할 수 있도록 개선되었습니다.
ignoreList를 사용해 외부 종속성 스택 프레임을 기본적으로 숨김 처리하여 애플리케이션 코드 중심으로 문제를 파악할 수 있습니다. 이전에는 서드파티 라이브러리까지 모두 표시되어 디버깅이 다소 번거러운 측면이 있었는데요. 이제는 필요한 경우 “Show ignored frames”를 통해 외부 종속성 스택 프레임을 확인할 수 있습니다.


forbidden(), unauthorized() API 실험적 도입
403(Forbidden)과 401(Unauthorized) 에러 처리를 선언적으로 할 수 있는 새로운 API가 추가되었습니다.

  • forbidden(): 403 에러 처리 (forbidden.tsx를 통해 UI 커스터마이징 가능)

  • unauthorized(): 401 에러 처리 (unauthorized.tsx를 통해 UI 커스터마이징 가능)

해당 기능은 실험적이므로 사용하려면 next.config.ts에서 experimental.authInterrupts: true를 활성화해야 합니다. 앞으로 인증/인가 오류를 좀 더 선언적으로 관리할 수 있을것 같습니다.

if (userRole !== 'admin') {
  forbidden(); // 403 에러 발생 및 커스텀 UI 표시
}


이번 업데이트로 인해 직관적인 디버깅 및 코드 가시성이 한층 개선될것으로 보이네요 :)


https://nextjs.org/blog/next-15-1

Next.js 15.1

nextjs.org

Next.js 15.1

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2024년 12월 16일 오전 2:08

댓글 0