موقع ثابت: من ملف إلى نطاق

الموقع الثابت هو مجموعة من الملفات الجاهزة: HTML وCSS والصور وبناء الواجهة الأمامية. لا يحتاج إلى PHP ولا إلى قاعدة بيانات، لذا يعمل بسلاسة حتى على VDS-1 ويتحمل حركة مرور ملحوظة: حتى 500 Mbit/s.

أين تضع الملفات

أنشئ دليلًا منفصلًا لكل موقع:

mkdir -p /var/www/example.ru
chown -R www-data:www-data /var/www/example.ru

ارفع الملفات من جهازك المحلي باستخدام scp أو rsync:

scp -r ./dist/* root@YOUR_ADDRESS:/var/www/example.ru/
rsync -avz --delete ./dist/ root@YOUR_ADDRESS:/var/www/example.ru/

يحذف rsync --delete الملفات الموجودة على الخادم والتي لم تعد ضمن البناء. وبدونه، تتراكم أجزاء JS القديمة لسنوات.

التقديم عبر خادم الويب

إعداد Nginx الأدنى:

server {
    listen 80;
    server_name example.ru;
    root /var/www/example.ru;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }

    location ~* \.(js|css|png|jpg|svg|woff2)$ {
        expires 30d;
        add_header Cache-Control "public, immutable";
    }
}

سطر try_files ... /index.html ضروري لتطبيقات الصفحة الواحدة المبنية على React وVue وSvelte: فبدونه، يؤدي الانتقال مباشرة إلى /about إلى استجابة 404.

بعد ذلك تأتي شهادة Let's Encrypt، ويفتح الموقع عبر HTTPS.

النطاق

في لوحة النطاقات، أنشئ سجل A يشير إلى العنوان العام للجهاز (تبويب “Overview” في /hosting/vds/m/<id>) والسجل نفسه لـ www. تحقق:

dig +short example.ru

قد يستغرق انتشار السجلات حتى عدة ساعات. أثناء الانتظار، يمكن الوصول إلى الموقع عبر عنوان الجهاز.

التحديث دون توقف

لا ترفع الملفات فوق دليل مباشر — فقد يصادف الزائر موقعًا نصف مكتمل. ابنِ بجانبه وبدّل الرابط الرمزي:

rsync -avz ./dist/ /var/www/releases/$(date +%s)/
ln -sfn /var/www/releases/1724400000 /var/www/example.ru-current
systemctl reload nginx

حينها يشير root في الإعداد إلى /var/www/example.ru-current.

الأخطاء الشائعة

من الأفضل بناء الواجهة الأمامية محليًا ورفع مجلد dist الجاهز. على VDS-1 بذاكرة 2 GB، قد يفشل بناء مشروع كبير بسبب نقص الذاكرة.