- Next.js 15의 Global Error.tsx는 최상위 레이어의 치명적인 에러 처리를 위한 마지막 방어선 역할을 합니다. 🛡️
- 개발 모드에서는 기본 Next.js 오버레이가 표시되지만, 프로덕션 모드에서만 Global Error.tsx가 작동합니다. ⚙️
- Global Error.tsx는 자체 HTML 및 body 태그를 포함해야 Root Layout을 완전히 대체하여 에러 UI를 렌더링할 수 있습니다. 📄
- Global Error.tsx는 가능한 간단하게 유지하는 것이 좋으며, HTML과 CSS만 포함하는 것이 이상적입니다. 💡
- Global Error.tsx는 일반적인 Error Boundary와 달리 루트 레이아웃에서 발생하는 에러를 처리합니다. 📍