Déployer un site web sur Vercel en PME

Vercel est une plateforme très pratique pour mettre en ligne un site moderne, surtout lorsqu'il est construit avec Next.js. Elle permet de déployer rapidement, tester des previews et relier un domaine sans gérer un serveur complet.

Ce guide explique les étapes importantes, sans jargon inutile.

1. Comprendre ce que Vercel fait

Vercel héberge votre site et le met à jour automatiquement quand le code change. Vous pouvez connecter un dépôt GitHub, GitLab ou Bitbucket, puis laisser Vercel construire et publier le site.

Pour une PME, l'intérêt est clair :

• publication rapide ;
• previews avant mise en production ;
• HTTPS automatique ;
• bonne performance ;
• intégration naturelle avec Next.js.

2. Préparer le projet

Avant le déploiement, vérifiez que le projet fonctionne localement :

• pnpm install ou npm install fonctionne ;
• pnpm build passe sans erreur ;
• les variables d'environnement sont listées ;
• les images externes sont autorisées ;
• les pages importantes ont leurs métadonnées.

Un déploiement ne doit pas servir à découvrir les erreurs de base. Il doit confirmer que le site est prêt.

3. Connecter le dépôt à Vercel

Dans Vercel, créez un nouveau projet et choisissez le dépôt. La plateforme détecte souvent Next.js automatiquement.

À vérifier :

• framework détecté ;
• commande de build ;
• dossier de sortie ;
• variables d'environnement ;
• branche de production.

Si le site utilise une API, une base de données ou un service d'email, ajoutez les variables nécessaires dans l'interface Vercel.

4. Utiliser les previews

Chaque branche ou pull request peut générer une preview. C'est utile pour valider :

• le design ;
• les textes ;
• les formulaires ;
• les métadonnées ;
• les redirections ;
• le rendu mobile.

Ne mettez pas une nouvelle version en production sans regarder la preview sur mobile et ordinateur.

5. Relier le nom de domaine

Une fois le site validé, ajoutez le domaine dans Vercel. La plateforme indiquera les DNS à configurer.

Points importants :

• choisir la version principale avec ou sans www ;
• rediriger l'autre version vers la principale ;
• attendre la propagation DNS ;
• vérifier que HTTPS est actif ;
• tester les URLs importantes.

6. Contrôler le SEO technique

Après déploiement, ouvrez :

• /robots.txt ;
• /sitemap.xml ;
• la page d'accueil ;
• les pages services ;
• les articles principaux ;
• une ancienne URL censée rediriger.

Vérifiez aussi les balises title, description et canonical. Une erreur de canonical peut créer des doublons ou ralentir l'indexation.

7. Ajouter Google Search Console

Google Search Console permet de suivre :

• les pages indexées ;
• les pages exclues ;
• les requêtes ;
• les impressions ;
• les clics ;
• les erreurs de sitemap.

Après mise en ligne, soumettez le sitemap et inspectez les pages les plus importantes.

8. Erreurs fréquentes

Les erreurs les plus courantes :

• oublier une variable d'environnement ;
• laisser une page importante sans lien interne ;
• publier un contenu trop court ;
• créer deux versions indexables du même site ;
• oublier les redirections ;
• ne pas tester le formulaire de contact.

Quand Vercel est un bon choix

Vercel est adapté si vous voulez un site rapide, une web app, une landing page ou un outil interne connecté à des services modernes.

Pour une simple boutique, Shopify peut être plus logique. Pour un site éditorial très classique avec une équipe habituée à WordPress, WordPress peut rester pertinent.

Le bon choix dépend du projet, pas de la mode.

Demandez un diagnostic offert si vous voulez savoir si Vercel est adapté à votre site ou votre web app.