بناء تطبيق باستخدام Remix و Bun

NOTE

حاليًا يعتمد خادم تطوير Remix (`remix dev`) على Node.js APIs التي لم يقم Bun بتنفيذها بعد. يستخدم الدليل أدناه Bun لتهيئة مشروع وتثبيت التبعيات، لكنه يستخدم Node.js لتشغيل خادم التطوير.

قم بتهيئة تطبيق Remix باستخدام create-remix.

bun create remix

txt

 remix   v1.19.3 💿 لنقم ببناء موقع أفضل...

   dir   أين يجب إنشاء مشروعك الجديد؟
         ./my-app

      ◼  استخدام القالب الأساسي راجع https://remix.run/docs/en/main/guides/templates#templates للحصول على مزيد من المعلومات
      ✔  تم نسخ القالب

   git   تهيئة مستودع git جديد؟
         Yes

  deps   تثبيت التبعيات باستخدام bun؟
         Yes

      ✔  تم تثبيت التبعيات
      ✔  تم تهيئة Git

  done   هذا كل شيء!
         أدخل دليل المشروع الخاص بك باستخدام cd ./my-app
         راجع README.md للحصول على تعليمات التطوير والنشر.

لبدء خادم التطوير، شغل bun run dev من جذر المشروع. سيبدأ هذا خادم التطوير باستخدام الأمر remix dev. لاحظ أن Node.js سيُستخدم لتشغيل خادم التطوير.

cd my-app
bun run dev

txt

$ remix dev

💿  remix dev

info  building...
info  built (263ms)
Remix App Server بدأ على http://localhost:3000 (http://172.20.0.143:3000)

افتح http://localhost:3000 لرؤية التطبيق. أي تغييرات تجريها على app/routes/_index.tsx سيتم إعادة تحميلها تلقائيًا في المتصفح.

لبناء وتشغيل تطبيقك، شغل bun run build

bun run build

txt

$ remix build
info  building... (NODE_ENV=production)
info  built (158ms)

ثم bun run start من جذر المشروع.

bun start

txt

$ remix-serve ./build/index.js
[remix-serve] http://localhost:3000 (http://192.168.86.237:3000)

اقرأ وثائق Remix للحصول على مزيد من المعلومات حول كيفية بناء التطبيقات مع Remix.