file boundary

template.tsx는 layout과 page 사이에서 재마운트 경계를 만든다

파일 위치는 layout과 같지만, 실행 의미는 page 전환마다 새로 만들어지는 중간 껍데기에 가깝다.

app/
  dashboard/
    layout.tsx    유지되는 대시보드 껍데기
    template.tsx  이동마다 새로 마운트
    page.tsx      현재 URL 본문
    settings/
      page.tsx

서버 기본값 template도 기본은 서버 컴포넌트다.

애니메이션 브라우저 상태가 필요하면 template을 client component로 만든다.

children layout처럼 children을 받아 하위 page를 감싼다.

key Next.js가 탐색마다 template 인스턴스를 새로 만든다.

contract

공통 UI를 위한 파일이 아니라, 다시 시작할 실행 경계를 표시하는 파일이다.