Costruire un'app con Nuxt e Bun

Bun supporta Nuxt out of the box. Inizializza un'app Nuxt con la CLI ufficiale 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

Per avviare il server di sviluppo, esegui bun --bun run dev dalla root del progetto. Questo eseguirà il comando nuxt dev (come definito nello script "dev" in package.json).

NOTE

La CLI `nuxt` usa Node.js per impostazione predefinita; passando il flag `--bun` si forza il server di sviluppo a usare il runtime Bun.

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

Una volta avviato il server di sviluppo, apri http://localhost:3000 per vedere l'app. L'app renderizzerà il componente template NuxtWelcome integrato di Nuxt.

Per iniziare a sviluppare la tua app, sostituisci <NuxtWelcome /> in app.vue con la tua interfaccia utente.

Per la build di produzione, mentre il preset predefinito è già compatibile con Bun, puoi anche usare il preset Bun per generare build meglio ottimizzate.

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

In alternativa, puoi impostare il preset tramite variabile d'ambiente:

NITRO_PRESET=bun bun run build

NOTE

Alcuni pacchetti forniscono export specifici per Bun che Nitro non bundlerà correttamente usando il preset predefinito. In questo caso, devi usare il preset Bun affinché i pacchetti funzionino correttamente nelle build di produzione.

Dopo aver costruito con bun, esegui:

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

Consulta il sito web di Nuxt per la documentazione completa.