Nextjs 빌드 과정

Next.js가 애플리케이션을 빌드하는 과정은 다음과 같다.

애플리케이션을 빌드하기 위해 터미널에서 npm run build 명령어를 실행

내부적으로 Webpack과 Babel을 사용하여 자바스크립트 코드를 번들링하고 트랜스파일링한다. 이 과정에서 코드 스플리팅, 최적화 등이 이루어진다.

getStaticProps 또는 getServerSideProps를 사용하여 페이지의 초기 데이터를 가져오고, 페이지를 정적으로 생성하거나 서버에서 렌더링한다.

빌드 프로세스가 완료되면 /.next 디렉토리에 빌드된 파일과 페이지가 생성된다.

빌드된 파일들을 웹 서버나 호스팅 플랫폼에 배포하기 위해 준비한다.

배포된 파일을 서버에 호스팅하고, 필요한 서버 환경 설정을 구성하여 애플리케이션을 실행한다.

서버에서는 필요한 경우 서버 사이드 렌더링을 처리하며, 클라이언트 측에서는 정적 파일을 제공하여 최적화된 사용자 경험을 제공한다.