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