انتقل إلى المقال

3D Landingشغّل الموقع محليًا

شغّل الموقع محليًا

ثبّت الموقع وشغّله باستخدام Node.js وYarn.

Dockerموصى به التثبيت اليدوي

قبل أن تبدأ: ثبّت Node.js 22 أو أحدث. يأتي Yarn مع Node.js عبر Corepack. ولا يوجد ملف .env لإنشائه.

اطّلع على المتطلبات

شغّل خادم التطوير

01
التثبيت والتشغيل
افتح طرفية في المجلد juicy. تحتاج إلى corepack enable مرة واحدة لكل جهاز؛ فهو يجعل yarn يستخدم الإصدار الذي يثبّته القالب.
الطرفيةفي juicy
```
corepack enable
yarn install
yarn dev
```
النتيجة المتوقعة: يفتح localhost:3030محلي الصفحة. وتُعاد تحميلها تلقائيًا عند تعديل أي ملف.
تواجه مشكلة؟
أنجزت هذه الخطوة

المنفذ مستخدم بالفعل؟

إذا توقف yarn dev برسالة EADDRINUSE: address already in use، فهناك برنامج آخر يستخدم المنفذ 3030. أوقفه، أو شغّل على منفذ آخر باستخدام yarn dev -p 3041 وافتح localhost:3041محلي.

المنفذ مستخدم بالفعل

بناء الإنتاج

ابنِ مرة واحدة، ثم قدّم البناء. هذا ما يشغّله الخادم، وهو أسرع من خادم التطوير.

الطرفيةفي juicy

yarn build
yarn start

ويُقدَّم أيضًا على localhost:3030محلي. وعلى منفذ آخر: yarn start -p 3041. شغّل yarn build مرة أخرى بعد كل تعديل.

السكربتات

الأمر	وظيفته
`yarn dev`	خادم التطوير على المنفذ 3030
`yarn build`	بناء الإنتاج
`yarn start`	يقدّم بناء الإنتاج على المنفذ 3030
`yarn lint`	يفحص الشيفرة باستخدام ESLint
`yarn typecheck`	يفحص أنواع TypeScript من دون بناء

التالي

توقفت عند خطوة؟

ابحث عن الحل قبل أن تبدأ من جديد.

حل المشكلات

نستخدم ملفات تعريف الارتباط لتعزيز تجربة التصفح الخاصة بك وتحليل حركة المرور على الموقع وتخصيص المحتوى. بالنقر على "قبول الكل"، فإنك توافق على استخدامنا لملفات تعريف الارتباط للتحليلات والإعلانات المخصصة.