Next.js 프로젝트 Migration과 Refactoring 과정을 공유합니다.
2
AI 요약
이 글은 AI가 원문을 분석하여 핵심 내용을 요약한 것입니다.
Next.js 프로젝트 Migration과 Refactoring
사내 Next.js 9 프로젝트를 최신 12 버전으로 마이그레이션하고 리팩터링 과정을 공유합니다.
레거시 코드 문제
- 오래된 코드들이 레거시가 되어 문제를 일으키는 상황
리팩터링 과정
- @next/bundle-analyzer 도입으로 번들 크기 시각화
- Next.js와 React 버전 업그레이드
- SWC 도입으로 빌드 속도 향상
- Modularize Imports 기능 사용
- Moment.js에서 Day.js로 마이그레이션