Nitro

Nuxt Bridge로 Nuxt 2 애플리케이션에 Nitro를 활성화하세요.

모듈 제거

  • @nuxt/nitro 제거: Bridge가 동일한 기능을 주입합니다

설정 업데이트

nuxt.config.ts
import { defineNuxtConfig } from '@nuxt/bridge'

export default defineNuxtConfig({
  bridge: {
    nitro: true,
  },
})

스크립트 업데이트

이제 Nuxt가 빌드 결과물로 Nitro 서버를 생성한다는 점을 반영하기 위해 package.json 안의 스크립트도 업데이트해야 합니다.

Nuxi 설치

nuxi를 개발 의존성으로 설치합니다:

npm install -D nuxi

Nuxi

Nuxt 3에서는 새로운 Nuxt CLI 명령어 nuxi를 도입했습니다. Nuxt Bridge의 더 나은 지원을 활용하기 위해 아래와 같이 스크립트를 업데이트하세요:

{
  "scripts": {
-   "dev": "nuxt",
+   "dev": "nuxi dev",
-   "build": "nuxt build",
+   "build": "nuxi build",
-   "start": "nuxt start",
+   "start": "nuxi preview"
  }
}
nitro: false인 경우, nuxt2 명령을 사용하세요.

Static 타깃

nuxt.config에서 target: 'static'을 설정했다면, 빌드 스크립트를 nuxi generate로 업데이트해야 합니다.

package.json
{
  "scripts": {
    "build": "nuxi generate"
  }
}

Server 타깃

그 외 모든 상황에서는 nuxi build 명령을 사용할 수 있습니다.

package.json
{
  "scripts": {
    "build": "nuxi build",
    "start": "nuxi preview"
  }
}

빌드된 Nitro 폴더를 Git에서 제외

.gitignore 파일에 .output 폴더를 추가하세요.

모든 것이 잘 동작하는지 확인

✔️ nuxi devnuxi build(또는 nuxi generate)를 실행해 보면서 모든 것이 잘 동작하는지 확인하세요.