Next.js가 필요한 순간

Part 1을 통해 Next.js가 필요한 이유를 이미 살펴봤습니다. 아래와 같은 이유였죠.

• 직관적인 파일 시스템 기반 라우팅 시스템

• 페이지 단위의 사전 렌더링(Pre-rendering), 정적 생성(SSG), 서버 사이드 렌더링(SSR)

• 빠른 페이지 로딩을 위한 자동 코드 분할

• 최적화된 프리페칭(prefetching)을 통한 클라이언트 사이드 라우팅

• 빠른 새로고침을 지원하는 개발 환경

• 서버리스 함수로 API 엔드포인트를 구축할 수 있는 API 라우팅

아마 기존에 진행 중이던 프로젝트에서 위와 같은 장점을 얻기 위해 Next.js로의 마이그레이션을 계획하고 계실지도 모릅니다. 이번 Part 2에서는 React 프로젝트를 Next.js로 마이그레이션 하는 과정을 다뤄봅니다.

React는 18 버전을 사용합니다. Next.js 14 버전으로 마이그레이션합니다.