انشره على الإنترنت

قبل النشر

لا يلزم ضبط أي شيء للنشر: لا قاعدة بيانات، ولا سر، ولا متغير مطلوب.

• استبدل الأرقام والبطاقات والمعاملات النموذجية ببياناتك، أو ببيانات من واجهتك البرمجية.
• اترك NEXT_PUBLIC_DEMO_MODE معطّلًا، إلا إذا كان النشر عرضًا تجريبيًا عامًا.

• البيانات النموذجية وواجهتك البرمجية
• وضع العرض التجريبي

Vercel

1. 01

   ضع المجلد في مستودع Git خاص

   ادفع المجلد dashboard-template-1 إلى مستودع خاص على GitHub أو GitLab أو Bitbucket. لا تسمح رخصتك بمشاركة الكود المصدري علنًا. يحتوي التنزيل بالفعل على ملف .gitignore يستبعد node_modules والبناء وملفات .env.
2. 02

   استورده في Vercel

   في Vercel، أضف مشروعًا جديدًا من ذلك المستودع. سيتعرّف على Next.js؛ أبقِ إعدادات البناء الافتراضية.
3. 03

   أضف متغيرات البيئة

   ضمن Environment Variables الخاصة بالمشروع، أضف ENABLE_EXPERIMENTAL_COREPACK بالقيمة 1 ليثبّت Vercel بإصدار Yarn الذي يثبّته package.json. وأضف NEXT_PUBLIC_DEMO_MODE فقط إذا أردت الوضع التجريبي.
4. 04

   انشر

   ابدأ النشر، ثم أضف نطاقك في إعدادات Domains الخاصة بالمشروع.

   النتيجة المتوقعة: نطاقك مع /en/login يفتح صفحة تسجيل الدخول.

بعد تغيير أي متغير، انشر مجددًا: يحتفظ التطبيق العامل بالقيم التي بُني بها.

أي خادم مع Node.js

على خادم يعمل بـ Node.js 20.9 أو أحدث، انسخ المجلد، ثم ثبّت وابنِ وشغّل:

corepack enable
yarn install
yarn build
yarn start

تستجيب لوحة التحكم على المنفذ 3030. ضع خادم ويب مثل Nginx أو Caddy أمامها لنطاقك ولـ HTTPS، وأبقِ yarn start يعمل بمدير عمليات أو خدمة نظام.

صورة Docker

يبني Dockerfile صورة صغيرة تقدّم لوحة التحكم بـ Node.js على المنفذ 3030، بمستخدم من دون صلاحيات المدير. ابنها، ثم شغّلها في الخلفية لتُعاد مع تشغيل الخادم:

docker build -t financial-dashboard .
docker run -d --restart unless-stopped -p 3030:3030 financial-dashboard

يمكن لأي مضيف يشغّل Dockerfile أن يبنيه كما هو. ضع خادم ويب أمام المنفذ 3030 لنطاقك ولـ HTTPS، كما في Node.js.

بعد أن يصبح على الإنترنت

• افتح عنوانك مع /en/login و/ar/login وتحقق من اللغتين.
• تطلب كل صفحة من محركات البحث ألا تفهرسها، لأن لوحة التحكم التي يُسجَّل الدخول إليها لا مكان لها في نتائج البحث. الإعداد هو robots في src/app/[locale]/layout.tsx.