شغّل الموقع من دون Docker
ثبّت الموقع وشغّله باستخدام Node.js وYarn، في وضع التطوير أو كبناء إنتاج.
قبل أن تبدأ: ثبّت Node.js 22 أو أحدث. لا تحتاج إلى قاعدة بيانات ولا إلى حزم عامة.
اطّلع على المتطلباتافتح طرفية في المجلد landing-page-template-1، وهو المجلد الذي تحصل عليه عند فك ضغط الملف المحمّل.
شغّل خادم التطوير
التثبيت والتشغيل
يجعل
corepack enableالأمرyarnيستخدم إصدار Yarn 4 الذي يثبّته المشروع، وتشغّله مرة واحدة لكل جهاز. ينزّلyarn installالاعتماديات، ويشغّلyarn devالموقع.الطرفيةفيlanding-page-template-1corepack enable yarn install yarn devالنتيجة المتوقعة: يفتح localhost:3030محلي الصفحة. يظهر أي تغيير في ملف داخل
تواجه مشكلة؟src/أوmessages/في المتصفح دون إعادة تشغيل.
المنفذ مستخدم بالفعل؟
إذا توقف yarn dev بالرسالة EADDRINUSE: address already in use :::3030، فهناك برنامج آخر يستخدم المنفذ 3030. أوقفه، أو شغّل الموقع على منفذ آخر بالأمر yarn dev -p 3041 وافتح localhost:3041محلي.
اضغط Ctrl+C في الطرفية لإيقاف خادم التطوير.
إعدادات اختيارية
يعمل الموقع دون أي إعداد. لتحديد العنوان العام لموقعك أو واجهة API لنموذج التواصل، انسخ .env.example إلى .env.local وعدّله:
landing-page-template-1cp .env.example .env.localفي PowerShell:
landing-page-template-1Copy-Item .env.example .env.localأعد تشغيل yarn dev بعد تغييره.
بناء الإنتاج
ابنِ الموقع مرة واحدة، ثم قدّم البناء:
landing-page-template-1yarn build
yarn startيقدّم yarn start البناء على localhost:3030محلي. وعلى منفذ آخر: yarn start -p 3041.
يكتب yarn build القيم الموجودة في .env.local داخل البناء، لذا شغّله مرة أخرى بعد تغيير أي منها.
السكربتات
| السكربت | وظيفته |
|---|---|
yarn dev | يشغّل خادم التطوير على المنفذ 3030 |
yarn build | يُنشئ بناء الإنتاج |
yarn start | يقدّم بناء الإنتاج على المنفذ 3030 |
yarn lint | يفحص الشيفرة باستخدام ESLint |
yarn typecheck | يفحص الأنواع باستخدام TypeScript |