개발자 도구에서 찾은 단서는 Next.js의 수정 위치로 이어져야 한다

패널에서 증거를 찾았으면 그 증거가 컴포넌트, 서버 액션, 라우트 핸들러, 설정 중 어디를 가리키는지 연결한다.

도구 단서	의미	Next.js 확인 위치	다음 행동
Console stack	클라이언트 실행 중 예외	client component, hook	재현 클릭과 state 값 고정
Network 500	서버 처리 실패	route handler, server action	터미널/Vercel 로그 확인
Network 401/403	세션/권한 문제	proxy.ts, auth config	쿠키와 auth() 결과 비교
Layout shift	렌더 중 크기 변화	image, font, conditional UI	고정 크기와 skeleton 추가
큰 JS chunk	초기 번들 부담	client boundary, dynamic import	route별 번들 분리