انتقل إلى المقال
Aniq-UI

Web Design Agencyشغّل الموقع من دون Docker

شغّل الموقع من دون Docker

ثبّت الموقع وشغّله باستخدام Node.js وYarn، في وضع التطوير أو كبناء إنتاج.

قبل أن تبدأ: ثبّت Node.js 22 أو أحدث. لا تحتاج إلى قاعدة بيانات ولا إلى حزم عامة.

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

افتح طرفية في المجلد landing-page-template-1، وهو المجلد الذي تحصل عليه عند فك ضغط الملف المحمّل.

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

  1. التثبيت والتشغيل

    يجعل corepack enable الأمر yarn يستخدم إصدار Yarn 4 الذي يثبّته المشروع، وتشغّله مرة واحدة لكل جهاز. ينزّل yarn install الاعتماديات، ويشغّل yarn dev الموقع.

    الطرفيةفي landing-page-template-1
    corepack 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-1
cp .env.example .env.local

في PowerShell:

الطرفيةفي landing-page-template-1
Copy-Item .env.example .env.local

أعد تشغيل yarn dev بعد تغييره.

بناء الإنتاج

ابنِ الموقع مرة واحدة، ثم قدّم البناء:

الطرفيةفي landing-page-template-1
yarn 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

التالي

هل كان هذا مفيدًا؟

تمت مراجعته على إصدار 2026-10-08

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

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

حل المشكلات

تفضيلات ملفات تعريف الارتباط

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