Bun يدعم Nuxt بشكل تلقائي. قم بتهيئة تطبيق Nuxt باستخدام nuxi CLI الرسمي.

bunx nuxi init my-nuxt-app

✔ أي مدير حزم تود استخدامه؟
bun
◐ تثبيت التبعيات...
bun install v1.3.3 (16b4bf34)
 + @nuxt/devtools@0.8.2
 + nuxt@3.7.0
 785 packages installed [2.67s]
✔ اكتمل التثبيت.
✔ تم توليد الأنواع في .nuxt
✨ تم إنشاء مشروع Nuxt باستخدام قالب v3. الخطوات التالية:
 › cd my-nuxt-app
 › ابدأ خادم التطوير باستخدام bun run dev

---

لبدء خادم التطوير، شغل bun --bun run dev من جذر المشروع. سينفذ هذا الأمر nuxt dev (كما هو محدد في النص "dev" في package.json).

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 مع 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 v0.8.0 (تجريبي)
ℹ Vite client warmed up in 547ms
✔ Nitro built in 244 ms

---

بمجرد تشغيل خادم التطوير، افتح http://localhost:3000 لرؤية التطبيق. سيقوم التطبيق بتقديم مكون القالب المدمج NuxtWelcome الخاص بـ Nuxt.

لبدء تطوير تطبيقك، استبدل <NuxtWelcome /> في app.vue بواجهة المستخدم الخاصة بك.

---

للبناء للإنتاج، بينما الإعداد المسبق الافتراضي متوافق بالفعل مع Bun، يمكنك أيضًا استخدام إعداد Bun المسبق لتوليد Builds محسنة بشكل أفضل.

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

بدلاً من ذلك، يمكنك تعيين الإعداد المسبق عبر متغير البيئة:

NITRO_PRESET=bun bun run build

NOTE

بعض الحزم توفر exports خاصة بـ Bun لن يقوم Nitro بتجميعها بشكل صحيح باستخدام الإعداد المسبق الافتراضي. في هذه الحالة، تحتاج إلى استخدام إعداد Bun المسبق حتى تعمل الحزم بشكل صحيح في Builds الإنتاج.

بعد البناء باستخدام bun، شغل:

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

---

راجع موقع Nuxt للحصول على الوثائق الكاملة.