شغّل صفحة الهبوط من دون Docker

نزّل القالب وفك ضغطه كما في دليل Docker، ثم افتح طرفية داخل المجلد landing-page-template-2.

• نزّل القالب وفك ضغطه

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

1. 01

   فعّل Corepack

   يأتي Corepack مع Node.js ويشغّل إصدار Yarn الذي يثبّته المشروع، أي Yarn 4. تحتاج إلى ذلك مرة واحدة فقط على كل جهاز.

   الطرفيةنسخ

   corepack enable

   شاهد الخطوة0:09

   تواجه مشكلة؟

   أنجزت هذه الخطوة
2. 02

   ثبّت الاعتماديات

   الطرفيةفي landing-page-template-2نسخ

   yarn install

   شاهد الخطوة0:09

   النتيجة المتوقعة: ينتهي Yarn بالكلمة Done ويظهر مجلد node_modules.

   تواجه مشكلة؟

   أنجزت هذه الخطوة
3. 03

   شغّله وافتح الصفحة

   الطرفيةفي landing-page-template-2نسخ

   yarn dev

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

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

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

   شاهد الخطوة0:09

   النتيجة المتوقعة: يفتح localhost:3030محلي صفحة الهبوط. وتُعاد تحميلها تلقائيًا عند حفظ أي ملف.

   تواجه مشكلة؟

   أنجزت هذه الخطوة

أوقف الخادم بالضغط على Ctrl+C في طرفيته.

شغّل بناء الإنتاج

خادم التطوير مخصص للتعديل. لتفحص الموقع كما يراه الزوار، ابنِه مرة واحدة، ثم قدّم البناء:

yarn build
yarn start

يستجيب أيضًا على localhost:3030محلي. إذا كان المنفذ 3030 مشغولًا، فاستخدم yarn start -p 3041. شغّل yarn build مجددًا بعد كل تغيير: يقدّم yarn start آخر بناء كما هو.

السكربتات

إعداداتك الخاصة

كلا الإعدادين اختياري. لتغيير أحدهما، انسخ .env.example إلى .env.local وعدّله هناك. يُقرآن عند بدء التطبيق في وضع التطوير وعند البناء، لذا أعد تشغيل yarn dev، أو شغّل yarn build مجددًا، بعد أي تغيير.

cp .env.example .env.local

• وظيفة كل إعداد