Framework/React,Next.js

Vercel 배포

  • -
반응형

최근 Next.js로 만든 프로젝트를 Vercel로 배포해봤는데 정말 간단합니다.

 

1. Vercel 접속하기

접속 후 계정을 연결합니다.

 

2. 레포지토리 연결

 

3. Deploy 실행

따로 설정이 필요 없습니다. package.json에 build 명령어만 Build Command에 입력시켜줍니다.

이후 Deploy를 실행합니다. 

*만약 env 환경 변수를 필요로 하는 프로젝트는 아래 환경 변수 설정을 참고해주세요.

  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },

 

Deploy 전에 env 환경 변수를 사용중인 프로젝트라면 빌드시 환경 변수를 설정합니다.

Settings - Environment Variables에서 Key / Value를 등록합니다.

 

4. Deploy 완료

Deploy가 완료되면 아래와 같이 Ready 상태가 됩니다.

반응형
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.