Vercel에 Nuxt 배포

Nuxt JS 애플리케이션을 Vercel에 배포하는 데 문제가 있습니까? 어 나도 그래. 다음은 Nuxt JS를 Vercel에 배포하는 방법입니다. 이 방법은 2022년 2월 1일에 여전히 실행 중입니다. 아마도 미래에는 Vercel에 Nuxt 애플리케이션을 배포하는 방법이 변경되어 이 방법을 더 이상 사용할 수 없게 될 것입니다.

1. 프로젝트 루트에 vercel.json이라는 파일을 생성합니다.

다음은 vercel.json 파일의 코드 내용입니다.

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

2. Vercel에 로그인한 다음 새 프로젝트를 클릭합니다.

로그인하면 일종의 대시보드 페이지로 리디렉션됩니다. 새 프로젝트 버튼을 클릭하여 새 프로젝트를 생성합니다.

3. Git repo에서 프로젝트 가져오기

프로젝트를 찾고 가져오기를 클릭합니다. 이것이 우리 프로젝트를 가져오는 가장 쉬운 방법이라고 생각합니다.

4. 프로젝트 구성

Vercel은 FRAMEWORK PRESET에서 사용 중인 기술/프레임워크를 자동으로 감지할 수 있습니다. 프로젝트 구성 섹션에서 빌드 및 출력 설정을 클릭합니다.

5. 빌드 및 개발 설정

오른쪽의 OVERRIDE를 클릭하여 OUTPUT DIRECTORY를 .nuxt/dist로 변경합니다.

6. 실을 선호한다면

실을 사용하고 싶다면 다음과 같이 변경하십시오. 저장을 클릭하면 완료됩니다. 잠시만 기다려 주십시오. 나중에 제공된 URL을 통해 애플리케이션에 액세스할 수 있습니다. 일반적으로 빠르거나 최대 24시간이 걸립니다.

7. 그게 다야

Vercel에 무료로 배포하는 것은 우리 애플리케이션을 테스트하는 데 유용하거나 클라이언트에게 만들어진 모양/UI 웹사이트를 보여주고 싶을 때 유용합니다.


읽어 주셔서 감사합니다.