Bun 은 Nuxt 를 바로 지원합니다. 공식 nuxi CLI 로 Nuxt 앱을 초기화하세요.

bunx nuxi init my-nuxt-app

✔ Which package manager would you like to use?
bun
◐ Installing dependencies...
bun install v1.3.3 (16b4bf34)
 + @nuxt/devtools@0.8.2
 + nuxt@3.7.0
 785 packages installed [2.67s]
✔ Installation completed.
✔ Types generated in .nuxt
✨ Nuxt project has been created with the v3 template. Next steps:
 › cd my-nuxt-app
 › Start development server with bun run dev

---

개발 서버를 시작하려면 프로젝트 루트에서 bun --bun run dev 를 실행하세요. 이는 package.json 의 "dev" 스크립트에 정의된 대로 nuxt dev 명령을 실행합니다.

NOTE

`nuxt` CLI 는 기본적으로 Node.js 를 사용합니다. `--bun` 플래그를 전달하면 개발 서버가 Bun 런타임을 대신 사용합니다.

cd my-nuxt-app
bun --bun run dev

nuxt dev
Nuxi 3.6.5
Nuxt 3.6.5 with Nitro 2.5.2
  > Local:    http://localhost:3000/
  > Network:  http://192.168.0.21:3000/
  > Network:  http://[fd8a:d31d:481c:4883:1c64:3d90:9f83:d8a2]:3000/

✔ Nuxt DevTools is enabled v0.8.0 (experimental)
ℹ Vite client warmed up in 547ms
✔ Nitro built in 244 ms

---

개발 서버가 시작되면 http://localhost:3000 을 열어 앱을 확인하세요. 앱은 Nuxt 의 내장 NuxtWelcome 템플릿 컴포넌트를 렌더링합니다.

앱 개발을 시작하려면 app.vue 의 <NuxtWelcome /> 를 자체 UI 로 교체하세요.

---

프로덕션 빌드의 경우 기본 프리셋이 이미 Bun 과 호환되지만 Bun 프리셋 을 사용하여 더 최적화된 빌드를 생성할 수도 있습니다.

export default defineNuxtConfig({
  nitro: {
    preset: "bun",
  },
});

또는 환경 변수를 통해 프리셋을 설정할 수 있습니다.

NITRO_PRESET=bun bun run build

NOTE

일부 패키지는 Nitro 가 기본 프리셋을 사용하여 올바르게 번들링하지 못하는 Bun 특정 내보내기를 제공합니다. 이 경우 프로덕션 빌드에서 패키지가 올바르게 작동하도록 Bun 프리셋을 사용해야 합니다.

bun 으로 빌드한 후 다음을 실행하세요.

bun run ./.output/server/index.mjs

---

전체 문서는 Nuxt 웹사이트 를 참조하세요.