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

1. 01

   نزّل قالبك

   افتح «قوالبي» في لوحة تحكم Aniq UI ونزّل ملف ZIP.

   • قوالبي

   0:00 / 0:07

   النتيجة المتوقعة: يظهر في مجلد التنزيلات ملف باسم يشبه Nextjs-landing-page-template-2-main-….zip.

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

   فك الضغط وافتح المجلد

   فك ضغط ملف ZIP وافتح طرفية داخل المجلد Nextjs-landing-page-template-2. على Windows، فك الضغط في مستكشف الملفات، ثم افتح طرفية داخل المجلد.

   الطرفيةنسخ

   unzip Nextjs-landing-page-template-2-*.zip
   cd Nextjs-landing-page-template-2

   0:00 / 0:08

   النتيجة المتوقعة: يحتوي المجلد على Dockerfile وpackage.json وmessages وpublic وsrc.

   تواجه مشكلة؟

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

   ابنِ الصورة

   يثبّت Docker الاعتماديات ويبني الموقع داخل الصورة. يستغرق البناء الأول بضع دقائق ويحتاج إلى اتصال بالإنترنت؛ أما عمليات البناء اللاحقة فتعيد استخدام ما لم يتغير.

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

   docker build -t analytics-landing .

   0:00 / 0:08

   النتيجة المتوقعة: ينتهي البناء بسطر يذكر اسم الصورة analytics-landing.

   تواجه مشكلة؟

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

   شغّله وافتح الموقع

   شغّل حاوية من الصورة، ثم افتح localhost:3030/enمحلي. اترك الطرفية مفتوحة ما دمت تستخدم الموقع.

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

   docker run -p 3030:3030 analytics-landing

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

   إذا توقف التشغيل برسالة port is already allocated أو address already in use، فبرنامج آخر يستخدم المنفذ 3030. أوقفه، أو غيّر الرقم الذي على يسار -p وافتح ذلك المنفذ: docker run -p 3041:3030 analytics-landing، ثم localhost:3041/enمحلي.

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

   0:00 / 0:07

   النتيجة المتوقعة: تفتح الصفحة الرئيسية بالإنجليزية، وتحت العنوان الرئيسي معاينة لوحة التحكم. قائمة اللغة في الترويسة تنقلك إلى العربية.

   تواجه مشكلة؟

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

أوقف التطبيقات وأعد تشغيلها

اضغط Ctrl+C في الطرفية لإيقاف الموقع. إذا أغلقت تلك الطرفية، فابحث عن الحاوية وأوقفها:

docker ps
docker stop <container-id>

استخدم المعرّف الذي يعرضه الأمر docker ps للحاوية analytics-landing. لتشغيله من جديد، نفّذ أمر docker run نفسه، فالصورة مبنية بالفعل.

بعد أن تغيّر أي ملف، ابنِ الصورة مجددًا قبل تشغيلها. تحتوي الصورة على نسخة من الكود كما كان وقت بنائها.

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

تُضمَّن الإعدادات في الموقع عند بناء الصورة، فهي معاملات بناء وليست خيارات في docker run. الإعداد الذي عليك ضبطه قبل النشر هو عنوان موقعك:

docker build -t analytics-landing --build-arg NEXT_PUBLIC_SITE_URL=https://www.your-domain.com .

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

التالي

• اجعله بعلامتك التجارية
• شغّله من دون Docker
• انشره على الإنترنت