Déploiement

Vercel & Production

Onyx est optimisé pour un déploiement sur Vercel avec zéro configuration, mais fonctionne sur toute infrastructure supportant Next.js.

Vérifier le build

Avant tout déploiement, vérifiez que le build compile sans erreur en local :

Terminal
npm run build

Un build réussi affiche la liste de toutes les pages générées avec leur taille. Corrigez toutes les erreurs TypeScript ou de compilation avant de passer à la suite.

Déploiement sur Vercel

  1. 1Poussez votre code sur un dépôt GitHub, GitLab ou Bitbucket.
  2. 2Connectez-vous sur vercel.com et cliquez sur Add New → Project.
  3. 3Sélectionnez votre dépôt. Vercel détecte automatiquement Next.js — aucune configuration de build requise.
  4. 4Ajoutez vos variables d'environnement dans Settings → Environment Variables :RESEND_API_KEY et CONTACT_EMAIL.
  5. 5Cliquez sur Deploy. Le site est en ligne en moins de deux minutes.
Chaque push sur la branche main déclenche un déploiement automatique. Les pull requests reçoivent des URLs de preview uniques.

Domaine personnalisé

Dans le tableau de bord Vercel, allez dans Settings → Domains et ajoutez votre domaine. Vercel génère un certificat SSL automatiquement.

Pensez à mettre à jour url dans site.config.ts avec votre domaine de production pour que les URLs SEO, le sitemap et les balises Open Graph soient corrects.

Autres plateformes

Netlify

netlify.toml
[build]
  command = "npm run build"
  publish = ".next"

Installez le plugin Netlify Next.js pour le support complet de l'ISR et des routes dynamiques.

Serveur Node.js

Terminal
npm run build
npm run start  # écoute sur le port 3000
En mode serveur autonome, Next.js écoute sur le port 3000 par défaut. Utilisez un reverse proxy (nginx, Caddy) devant pour exposer le port 443 avec SSL.

Sitemap & RSS

Le sitemap XML est accessible à /sitemap.xml et le flux RSS à /flux.xml. Les deux sont générés automatiquement au build et incluent toutes les pages statiques et tous les articles publiés. Aucune configuration nécessaire.