🌐 Ubuntu Server पर Vite + React Website Deploy करे के Asaan Tareeka

भाई लोग! अगर रउवा भी अपना DigitalOcean के Ubuntu server पर Vite + React से बनल frontend website deploy करे के सोचतानी, त इ पोस्ट रउवा खातिर बा।

🔸 Step 1: Subdomain pointing (DNS Setup)

मान लऽ कि रउवा IP address बा: 123.45.67.89
Subdomain: myapp.exampledomain.com

• DNS provider (जइसे GoDaddy, Cloudflare) में login करीं
• नया A Record जोड़ीं:
  • Name: myapp
  • Type: A
  • Value: 123.45.67.89

🔸 Step 2: Server में SSH से login करीं

ssh root@123.45.67.89

🔸 Step 3: Git से project clone करीं

cd /var/www/
git clone https://github.com/username/your-vite-project.git myapp

🔸 Step 4: Project build करीं (Vite + React)

cd myapp
npm install
npm run build

🔸 Step 5: NGINX configure करीं

sudo nano /etc/nginx/sites-available/myapp.exampledomain.com

एह में नीचे वाला config paste करीं:

server {
    listen 80;
    server_name myapp.exampledomain.com;

    root /var/www/myapp/dist;
    index index.html;

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

🔸 Step 6: NGINX enable करीं

sudo ln -s /etc/nginx/sites-available/myapp.exampledomain.com /etc/nginx/sites-enabled/
sudo nginx -t
sudo systemctl reload nginx

🔸 Step 7: HTTPS (SSL Certificate) लगाईं

sudo apt install certbot python3-certbot-nginx -y
sudo certbot --nginx -d myapp.exampledomain.com

🎉 अब बधाई हो!

Browser में खोल सकतानी:

https://myapp.exampledomain.com

✅ Recap

चरण	काम
Subdomain	DNS A record pointing
Code Clone	GitHub से लावल
Build	Vite से production build
Serve	NGINX के मदद से serve
SSL	Certbot से HTTPS secure

ई तरीका से रउवा आसानी से React/Vite वाला frontend दुनिया के दिखा सकतानी!