유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Next.js 15 Tutorial - 27 - Handling Errors in Nested Routes

Codevolution

2025. 1. 9.

0

#frontend
  • Next.js 15에서 중첩 라우트의 에러 처리는 에러 경계(Error Boundary)의 위치에 따라 달라집니다. 📍
  • 에러는 하위 컴포넌트에서 상위로 전파(bubble up)되며, 가장 가까운 에러 경계에서 처리됩니다. ⬆️
  • error.tsx 파일의 위치를 조정하여 에러 처리의 범위를 제어할 수 있습니다. ⚙️
  • error.tsx 파일을 상위 라우트에 위치시키면, 하위 라우트 전체에 영향을 미칩니다. 💥
  • error.tsx 파일을 하위 라우트에 위치시키면, 해당 라우트만 영향을 받습니다. 🎯
  • 레이아웃(Layout) 컴포넌트 내 에러 처리도 중요합니다. 🧱

Recommanded Videos