서론

실무에서 next 12를 사용하고 있던 와중에 next13 과 14버전이 출시되었다.
업데이트 내용을 찾아보니 12 > 13 을 기점으로 많은 점이 변경되어 학습의 필요성을 느꼈고 현재 프로젝트에 적용해보고 싶었지만 여러 이유로 불가능하다고 판단되어 개인적으로 공부하며 정리해보고자 한다.

이번 시리즈에서는 강의를 통해 Next 14를 학습한 내용과 X(구 트위터) 클론코딩 내용을 정리해볼 생각이다.

프로젝트 구성 요소

• next.js 14.0.4
• react 18
• next-auth 5.0.0-beta.3
• zustand 4.4.7
• react-query 5.17.9
• react-query-devtools 5.17.9
• react-intersection-observer 9.5.3
• dayjs 1.11.10
• react-textarea-autosize 8.5.3
  ...