اسٹیٹک سائٹ: فائل سے ڈومین تک
لینڈنگ پیج یا React یا Vue بلڈ کا مکمل راستہ: فائلیں VPS پر اپ لوڈ کریں، ویب سرور سے پیش کریں، ڈومین بائنڈ کریں، اور بغیر ڈاؤن ٹائم اپ ڈیٹ کریں۔
اپ ڈیٹ 23 اگست، 2026
ایک اسٹیٹک سائٹ تیار فائلوں کا مجموعہ ہے: 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 پر کھلنے لگتی ہے۔
ڈومین
ڈومین پینل میں مشین کے پبلک ایڈریس (/hosting/vds/m/<id> میں “Overview” ٹیب) کی طرف اشارہ کرنے والا A ریکارڈ بنائیں اور 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 پر ہوتی ہے۔
عام غلطیاں
| علامت | وجہ |
|---|---|
| خالی صفحہ، کنسول میں JS پر 404 | فائلیں غلط base کے ساتھ بنی ہیں — اپنی بنڈلر سیٹنگز چیک کریں |
| کچھ وزٹرز کے لیے پرانا ورژن | براؤزر کیش — ہیش شدہ فائل نام استعمال کریں |
| ہر چیز پر 403 | ڈائریکٹری ویب سرور یوزر کے لیے قابلِ خواندہ نہیں |
| صرف ہوم پیج کام کرتا ہے | سنگل پیج ایپلیکیشن کے لیے try_files موجود نہیں |
فرنٹ اینڈ لوکل طور پر بلڈ کر کے تیار
distاپ لوڈ کرنا بہتر ہے۔ 2 GB میموری والے VDS-1 پر بڑے پروجیکٹ کی بلڈ میموری کی کمی سے ناکام ہو سکتی ہے۔