Le Déploiement des Applications React

Le déploiement est la dernière étape du développement d'une application React. Nous allons explorer les différentes options de déploiement et les optimisations nécessaires.

Préparation au déploiement

Build de production

npm run build

Cette commande crée un dossier build contenant votre application optimisée pour la production.

Configuration des variables d'environnement

# .env.production
REACT_APP_API_URL=https://api.production.com
REACT_APP_ANALYTICS_ID=UA-XXXXXXXX-X

Plateformes de déploiement populaires

Netlify

1. Installation de Netlify CLI :

npm install -g netlify-cli

2. Déploiement :

netlify deploy

3. Configuration (netlify.toml) :

[build]
  command = "npm run build"
  publish = "build"

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

Vercel

1. Installation de Vercel CLI :

npm install -g vercel

2. Déploiement :

vercel

3. Configuration (vercel.json) :

{
  "version": 2,
  "builds": [
    {
      "src": "package.json",
      "use": "@vercel/static-build",
      "config": { "distDir": "build" }
    }
  ]
}