Next.js 13

지난 10월 26일 'Dynamic without limits' 이라는 네이밍으로 Next.js 13 이 발표되었습니다. 1. 새로운 file-system 라우팅으로 Server Component 지원 확대. 초기 로딩 속도를 느리게 하는 의존성을 서버에 두고, bundling에 포함시키지 않아 초기 로딩 속도 개선 및 서버에서 직접 DB에 접근 가능합니다. 2. Special Files 지원. Page.tsx, Layout.tsx, Template.tsx, Head.tsx, Loading.tsx , Error.tsx 등 각각의 파일로 정의 가능. 이런 파일들의 장점으로는 가령 데이터 페칭 시 use hook 을 사용하면 위에 정의해둔 Loading, Error 파일에서 처리하게 됨으로, 개발자는 정상 응답 요청만을 신경 쓰면 됩니다. 3. Link 컴포넌트에서 더 이상 태그 사용하지 않아도 됩니다. 이외에도 많은 업데이트 사항이 있으니 Next.js 13에 흥미가 있으시다면 한 번쯤 둘러보시는 것을 추천드립니다.