El despliegue de aplicaciones React

El despliegue es la última etapa del desarrollo de una aplicación React. Vamos a explorar las distintas opciones de despliegue y las optimizaciones necesarias.

Preparación del despliegue

Build de producción

npm run build

Este comando crea una carpeta build que contiene tu aplicación optimizada para producción.

Configuración de las variables de entorno

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

Plataformas de despliegue populares

Netlify

1. Instalación de Netlify CLI:

npm install -g netlify-cli

2. Despliegue:

netlify deploy

3. Configuración (netlify.toml):

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

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

Vercel

1. Instalación de Vercel CLI:

npm install -g vercel

2. Despliegue:

vercel

3. Configuración (vercel.json):

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