Criar uma aplicação com Nuxt e Bun

O Bun suporta Nuxt perfeitamente. Inicialize uma aplicação Nuxt com a CLI oficial nuxi.

bunx nuxi init my-nuxt-app

txt

✔ 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

Para iniciar o servidor de desenvolvimento, execute bun --bun run dev na raiz do projeto. Isso executará o comando nuxt dev (conforme definido no script "dev" em package.json).

NOTE

A CLI `nuxt` usa Node.js por padrão; passar a flag `--bun` força o servidor de desenvolvimento a usar o runtime Bun em vez disso.

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

txt

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

Assim que o servidor de desenvolvimento iniciar, abra http://localhost:3000 para ver a aplicação. A aplicação renderizará o componente de template NuxtWelcome integrado do Nuxt.

Para começar a desenvolver sua aplicação, substitua <NuxtWelcome /> em app.vue por sua própria UI.

Para build de produção, embora o preset padrão já seja compatível com Bun, você também pode usar o preset Bun para gerar builds mais otimizados.

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

Alternativamente, você pode definir o preset via variável de ambiente:

NITRO_PRESET=bun bun run build

NOTE

Alguns pacotes fornecem exports específicos do Bun que o Nitro não fará bundle corretamente usando o preset padrão. Neste caso, você precisa usar o preset Bun para que os pacotes funcionem corretamente em builds de produção.

Após build com bun, execute:

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

Consulte o site do Nuxt para documentação completa.