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

قبل النشر

اضبط NEXT_PUBLIC_SITE_URL على العنوان الذي سيحمله الموقع، مثل https://www.your-domain.com. تُضمَّن قيمته في الصفحة عند بنائها، لذا يجب ضبطه حيث يجري البناء، لا حيث يعمل الموقع فقط.

اضبط NEXT_PUBLIC_API_BASE_URL أيضًا إذا كنت تعرض قسم النشرة البريدية. لا تحتاج إلى أي شيء آخر: لا قاعدة بيانات ولا أسرار.

• الإعدادان

Vercel

1. 01

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

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

   استورده في Vercel

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

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

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

   انشر

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

   النتيجة المتوقعة: يفتح نطاقك صفحة الهبوط.

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

أي خادم مع Node.js

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

corepack enable
yarn install
NEXT_PUBLIC_SITE_URL=https://www.your-domain.com yarn build
yarn start

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

صورة Docker

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

docker build -t saas-landing --build-arg NEXT_PUBLIC_SITE_URL=https://www.your-domain.com .
docker run -d --restart unless-stopped -p 3030:3030 saas-landing

أضف --build-arg NEXT_PUBLIC_API_BASE_URL=… عندما تستخدم النشرة البريدية. يستطيع أي مضيف يشغّل ملفات Dockerfile بناءها كما هي. ضع خادم ويب أمام المنفذ 3030 لنطاقك و HTTPS، كما في Node.js.

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

• افتح عنوانك مع /en و/ar وتحقق من اللغتين.
• اعرض مصدر الصفحة وتحقق من أن رابط canonical يبدأ بنطاقك، لا بـ localhost. إن لم يكن كذلك، فإن NEXT_PUBLIC_SITE_URL لم يكن مضبوطًا عند بناء الموقع.