Vercel तैनाती

फ्रंटएंड डेवलपर्स की पसंद —— एज कंप्यूटिंग तेज़ डिप्लॉयमेंट

Vercel पर OpenClaw तैनात करें, फ्रंटएंड चुनने का मुख्य क्षेत्र

अगर आप frontend developer हो तो Vercel का नाम जानते होगे — Next.js के पीछे की company, git push करो और automatically deploy हो जाता है, बस magic है।

सीधे कहूँ तो: Vercel OpenClaw के लिए ठीक है Web UI और API Gateway，Serverless functions के execution time का limit है, long-running AI tasks timeout हो जाएंगे। Lightweight frontend + API forwarding scenario में Vercel best option है।

Vercel क्या कर सकता है, नहीं कर सकता

⚠️ Vercel के Serverless Functions डिफ़ॉल्ट टाइमआउट 10 सेकंड (Pro संस्करण 60 सेकंड), लंबे समय AI अनुमान कार्य चलाने के लिए उपयुक्त नहीं। यदि आपको OpenClaw Agent पूरी तरह चलाना है, तो VPS योजना (AWS EC2, GCP आदि) चुनें।

Vercel के लिए उपयुक्त परिदृश्य:

Deploy करो OpenClaw के Web control panel को
API Gateway बना दो, रिक्वेस्ट्स को बैक-एंड सर्वर्स को भेजो
Deploy करो documentation site, monitoring dashboard जैसी static/lightweight applications

Vercel vs परंपरागत VPS

Vercel (Serverless)

git push ऑटो डिप्लॉयमेंट, सर्वर की चिंता नहीं
ग्लोबल एज नेटवर्क, एक्सेस स्पीड तेज़
फ्री क्रेडिट पर्सनल प्रॉजेक्ट्स के लिए काफ़ी है
लंबे टाइम वाले टास्क्स सपोर्ट नहीं
Suitable for frontend + lightweight API

ट्रेडीशनल VPS (EC2/GCP आदि)

Complete control, जो चाहो चलाओ।
No execution time limit।
Server को खुद maintain करना पड़ेगा
फ़िक्स्ड IP, बैक-एंड लॉन्ग कनेक्शन्स के लिए परफेक्ट
Suitable for complete Agent deployment

चार स्टेप में डिप्लॉयमेंट हो जाता है

रिपोजिटरी फोर्क करें

OpenClaw का GitHub repository open करो, उस पर Fork करो अपने account पर। अगर customization चाहिए तो locally modify कर लो फिर push कर।

Connect Vercel

यहाँ जाओ vercel.com GitHub account से login करो → Import Project → अपना fork किया हुआ repository choose करो → Vercel automatically project type detect करेगा।

Configure environment variables

Vercel की Settings → Environment Variables मे जरूरी configs add करो, जैसे API Key, database connection string वगैरह। Secret keys को code मे मत लिखो।

Deploy and go live

Deploy पर click करो, कुछ दशकों के सेकंड रुको। Vercel तुम्हें एक xxx.vercel.app का domain, सीधे access कर सकते हो। हर बार git push करते ही automatically redeploy हो जाता है।

vercel.json कॉन्फ़िगरेशन

Project के root directory मे create करो। vercel.json،routing और build parameters को configure करो:

vercel.json

{
  "version": 2,
  "builds": [
    {
      "src": "package.json",
      "use": "@vercel/next"
    }
  ],
  "routes": [
    {
      "src": "/api/(.*)",
      "dest": "/api/$1"
    },
    {
      "src": "/(.*)",
      "dest": "/$1"
    }
  ],
  "env": {
    "NODE_ENV": "production"
  }
}

Vercel CLI तैनाती

अगर आप command line prefer करते हो तो Vercel CLI से locally deploy कर सकते हो:

Vercel CLI तैनाती प्रक्रिया

# Vercel CLI इंस्टॉल करें

Environment variable configuration।

Vercel Dashboard की Settings → Environment Variables मे जाओ:

Environment variables जो configure करने हैं

# आवश्यक

⚠️ Environment variables मे API Key जैसी sensitive info को Git repository मे commit मत करो, सिर्फ Vercel Dashboard मे configure करो।

Vercel मुफ्त क्रेडिट

💡 Vercel की Hobby (मुफ्त) योजना व्यक्तिगत परियोजनाओं के लिए पूरी तरह पर्याप्त है: प्रति माह 100GB बैंडविड्थ, प्रतिदिन 100,000 Serverless कॉल, स्वचालित HTTPS, कस्टम डोमेन। जब तक ट्रैफिक बहुत बड़ा न हो, मूलतः खर्च नहीं।

फ्री प्लान की लिमिटेशन्स:

Serverless फंक्शन टाइमआउट 10 सेकंड (Pro संस्करण 60 सेकंड)
टीम कोलाबरेशन सपोर्ट नहीं (Pro चाहिए)
Build time every month 6000 minutes।
सिंगल डिप्लॉयमेंट पैकेज साइज़ लिमिट 250MB

क्या यह tutorial तुम्हारे लिए useful रहा?