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

Company Websiteانشر الموقع على الإنترنت

انشر الموقع على الإنترنت

انشره على Vercel، أو على أي خادم Node.js، أو كصورة Docker، بعنوانك الخاص.

اضبط عنوانك أولًا

NEXT_PUBLIC_SITE_URL هو العنوان الذي يُقدَّم منه الموقع، مثل https://www.your-domain.com. منه يُبنى الرابط الأساسي (canonical) وروابط اللغات البديلة وصورة المشاركة على الشبكات الاجتماعية. إذا لم يُضبط، فإنها تشير إلى http://localhost:3030.

تُدمج قيمته في البناء، لذا اضبطه حيث يجري البناء. وكل تغيير فيه يحتاج إلى بناء جديد.

أين تبنيأين تضبطه
Vercelمتغيرات البيئة (Environment Variables) في المشروع، ثم أعد النشر
yarn build.env في مجلد الموقع، منسوخًا من .env.example
docker build--build-arg NEXT_PUBLIC_SITE_URL=… في أمر البناء

إنه المتغير الوحيد الذي يقرؤه الموقع، وليس سرّيًا.

Vercel

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

    ارفع المجلد landing-page-template-3 إلى GitHub أو GitLab أو Bitbucket.

  2. استورده في Vercel

    يتعرّف Vercel على Next.js. اترك إعدادات البناء كما هي.

  3. أضف عنوانك

    في Environment Variables، أضف NEXT_PUBLIC_SITE_URL بنطاقك، ثم انشر.

  4. اربط نطاقك

    أضف النطاق في إعدادات المشروع، وتأكد أنه يطابق NEXT_PUBLIC_SITE_URL.

يثبّت المجلد Yarn 4 في package.json. إذا توقف التثبيت على Vercel بسبب إصدار Yarn، فأضف متغير البيئة ENABLE_EXPERIMENTAL_COREPACK بالقيمة 1 وانشر من جديد.

أي خادم Node.js

على خادم فيه Node.js 22 أو أحدث، بعد ضبط NEXT_PUBLIC_SITE_URL في .env:

الطرفيةفي landing-page-template-3
corepack enable
yarn install
yarn build
yarn start

يقدّم yarn start الموقع على المنفذ 3030؛ والأمر yarn start -p 8080 يستخدم منفذًا آخر. يُتجاهل المتغير PORT لأن السكربت يحدد المنفذ بنفسه. ضع وكيلًا عكسيًا مثل Nginx أو Caddy أمامه من أجل HTTPS ونطاقك، وأبقِ العملية تعمل بمدير عمليات مثل PM2 أو systemd.

Docker

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

الطرفيةفي landing-page-template-3
docker build -t company-site --build-arg NEXT_PUBLIC_SITE_URL=https://www.your-domain.com .
docker run -d --restart unless-stopped -p 3030:3030 company-site

لا تحتاج الحاوية إلى أي متغيرات بيئة عند تشغيلها. وجّه الوكيل العكسي أو توجيه المنصة إلى المنفذ 3030. والمنصة التي تبني من Dockerfile تعمل بالطريقة نفسها: أعطها NEXT_PUBLIC_SITE_URL كوسيط بناء.

تحقق منه بعد النشر

  • يفتح نطاقك الصفحة الإنجليزية على /en، ويقود مبدّل اللغة إلى /ar.
  • في مصدر الصفحة، يبدأ الرابط الأساسي بنطاقك، لا بـ localhost.
  • عند مشاركة رابط الموقع في محادثة تظهر صورة المعاينة من public/image.png.

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

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

حل المشكلات

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

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