Next.js 오픈 소스 프로젝트 시작 가이드
이 문서는 https://github.com/thomasnguyen244/top-open-source-nextjs-projects에 소개된 Next.js 오픈 소스 프로젝트를 로컬 환경에서 실행하는 방법을 단계별로 설명한다.
1. 프로젝트 선택 및 클론
관심 있는 Next.js 프로젝트를 선택하고 GitHub 저장소 URL을 복사한다. 터미널에서 다음 명령어를 실행한다. [프로젝트_URL]은 해당 프로젝트의 URL로 대체한다.
git clone [프로젝트_URL]
cd [클론된_프로젝트_폴더명]
![GitHub 프로젝트 페이지 이미지]
2. 의존성 설치
프로젝트 폴더로 이동 후, 필요한 모든 의존성 패키지를 설치한다. npm 또는 yarn 중 하나를 사용한다.
npm install
# 또는
yarn install
![터미널 npm install 실행 이미지]
3. 개발 서버 실행
의존성 설치 완료 후 개발 서버를 실행하여 프로젝트를 확인한다.
npm run dev
# 또는
yarn dev
이 명령어 실행 시 Next.js 개발 서버가 시작되며, 일반적으로 http://localhost:3000에서 애플리케이션에 접근 가능하다.
![터미널 npm run dev 실행 이미지]
4. 애플리케이션 빌드 및 프로덕션 실행 (선택 사항)
배포 환경과 유사하게 프로젝트를 실행하려면 먼저 빌드해야 한다.
빌드 명령어:
npm run build
# 또는
yarn build
빌드 완료 후 프로덕션 환경에서 애플리케이션을 실행한다.
프로덕션 실행 명령어:
npm start
# 또는
yarn start
이 가이드를 통해 Next.js 오픈 소스 프로젝트를 성공적으로 실행하고 탐색할 수 있다.
댓글
댓글 쓰기