Déploiement Vercel

adoré des développeurs front—déploiement edge ultra-rapide

Déployer OpenClaw sur Vercel, le terrain de jeu des frontenders

Si vous êtes développeur frontend, vous connaissez probablement Vercel —— la boîte derrière Next.js, git push et c'est automatiquement déployé, l'expérience est vraiment douce.

bon, précise : Vercel c'est bien pour déployer OpenClaw Interface Web et API Gateway、sinon mémoire insuffisante OOM Killer tue processus. Version 4GB conseil aussi, avant parer.

Quoi faire/pas faire avec Vercel

⚠️ Vercel Serverless Functions délai par défaut 10 secondes (version Pro 60 secondes), pas adapté pour des tâches IA de longue durée. Si vous avez besoin du plein agent OpenClaw, choisissez un plan VPS (AWS EC2, GCP, etc.).

Scénarios adaptés à Vercel :

Déployer panneau contrôle web OpenClaw
faire API Gateway, router les requêtes vers les serveurs backend
Déployer docs site, panneaux monitoring apps statiques/légères

Vercel vs VPS traditionnel

Vercel (Serverless)

git push déploiement automatique, pas besoin de gérer le serveur
réseau edge global, accès super rapide
crédit gratuit ok pour projets perso
pas de support pour les tâches longue durée
Idéal frontend + API légère

VPS traditionnel (EC2/GCP etc)

Contrôle total, lancez ce que vous voulez
Pas de limite de temps exécution
Maintenance serveur personnelle
IP fixe pour les connexions long-term backend
Idéal Agent complet déploiement

quatre étapes de déploiement

Forker le dépôt

Ouvrez le repo GitHub d'OpenClaw, cliquez Fork vers votre compte. Si vous avez des besoins de customisation, modifiez d'abord localement puis push.

Connecter Vercel

va à vercel.com Utilisez compte GitHub pour login → Import Project → choisissez votre repo forké → Vercel détecte le type projet automatiquement.

Configurer variables env

Sur Vercel dans Settings → Environment Variables, ajoutez les configurations nécessaires comme API Key, chaîne de connexion DB, etc. Ne mettez jamais les secrets dans le code.

Mise en production

Cliquez Deploy, attendez quelques dizaines de secondes. Vercel vous donne un xxx.vercel.app du domaine, accès direct. À chaque git push, redéploiement automatique.

configuration vercel.json

Créez un fichier dans le répertoire racine du projet vercel.json、configurer routing et paramètres build :

vercel.json

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

Déploiement CLI Vercel

Si vous préférez la ligne de commande, vous pouvez aussi déployer localement avec Vercel CLI :

Processus de déploiement CLI Vercel

# Installer Vercel CLI

Configuration des variables d'environnement

Sur le Vercel Dashboard → Settings → Environment Variables, ajoutez :

Variables env configurer obligatoires

# Obligatoire

⚠️ API Key et infos sensibles dans variables d'environnement, ne commitez jamais sur Git, configurez seulement dans Vercel Dashboard.

Crédit gratuit Vercel

💡 Le plan Hobby (gratuit) de Vercel pour les projets personnels est complètement suffisant : 100GB bande passante/mois, 100,000 appels Serverless/jour, HTTPS automatique, domaine personnalisé. Tant que le trafic n'est pas énorme, pas besoin de payer.

limites du plan gratuit :

Fonction Serverless délai d'attente 10 secondes (version Pro 60 secondes)
pas de collaboration d'équipe (Pro nécessaire)
6000 minutes temps construction par mois
limite du package une seule instance 250MB

Tuto utile pour vous?