A Implantação de Aplicações React

A implantação é a última etapa do desenvolvimento de uma aplicação React. Vamos explorar as diferentes opções de implantação e as otimizações necessárias.

Preparação para a implantação

Build de produção

npm run build

Este comando cria uma pasta build contendo sua aplicação otimizada para produção.

Configuração das variáveis de ambiente

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

Plataformas de implantação populares

Netlify

1. Instalação do Netlify CLI :

npm install -g netlify-cli

2. Implantação :

netlify deploy

3. Configuração (netlify.toml) :

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

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

Vercel

1. Instalação do Vercel CLI :

npm install -g vercel

2. Implantação :

vercel

3. Configuração (vercel.json) :

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