yarn을 이용한 next.js 프로젝트 생성

1. 시험환경

    · 윈도우

    · node v20.18.1

    · yarn v1.22.22

 

2. 목적

    · yarn 패키지 생성관리 툴을 이용하여 next.js 프로젝트를 생성하는 방법을 알아보자.

 

3. 적용

    ① 프로젝트 폴더를 생성 후 생성한 폴더로 이동한다.

        - 예시) nextjs 폴더를 생성한다.

 

    ② 생성한 프로젝트 폴더 내에서 신규 프로젝트 생성 명령어를 입력한다.

        - yarn  create next-app  --typescript  .

 

    ③ 필요한 라이브러리를 선택하면 설치가 진행된다.

라이브러리 선택

 

프로젝트 초기화

 

    ④ next.js 프레임워크 기반으로 초기화된 프로젝트 구조가 생성된 것을 확인한다.

 

4. 결과

    ① 설치한 프로젝트를 개발환경에서 실행한다.

        - yarn  dev

 

    ② 프로덕션 환경에 배포하기 위해 빌드하면 빌드 결과는 .next 폴더에 저장된다.

        - yarn  dev

 

    ③ 빌드된 Next.js 애플리케이션을 프로덕션 모드로 실행한다.

        - 이 명령을 실행하기 전에 yarn build 명령어를 사용하여 애플리케이션을 빌드해야 한다.

        - yarn  start