Nuxt.js Vercel 배포

DARTZ·2022년 6월 20일
0

Vue, Nuxt.js

목록 보기
2/3

여러 배포 서비스가 있겠지만 Vercel이 쉽고 간단하게 배포할 수가 있다.

1. Vercel 설치

yarn global add vercel
npm i -g vercel

ex) 혹시 cmd에서 vercel -v를 했을 때, 찾을 수 없다고 나오면 환경변수 설정을 해주면 된다!

참고

http://softzone205.blogspot.com/2018/02/10-node-npm.html

2. vercel.json 파일 작성

vercel을 배포하는데 필요한 파일인 now.json을 설정해주자.

{
  "version": 2,
  "builds": [
    {
      "src": "nuxt.config.js",
      "use": "@nuxtjs/vercel-builder",
      "config": {}
    }
  ]
}

3. Vercel 배포

vercel .

4. 환경변수 설정

vercel 환경변수

.env 파일을 설정해주고 싶으면 위와 같이 설정해주면 된다.

profile
사람들이 비용을 지불하고 사용할 만큼 가치를 주는 서비스를 만들고 싶습니다.

0개의 댓글