Guida al deploy di React

# Deploy react and Vite on Deplomo

Deploy React and Vite on Deplomo from Git or the CLI. Build automatically, configure environment variables, a domain, and SSL for dashboards and single-page apps. Deploy your React project.

risposta breve

perdeploy react e i progetti creati con Vite, la piattaforma esegue la build JavaScript e può servire i file dell’app dalla cache. Per un confronto con altri framework, consulta la pagina [hosting React](/it/products/react) , la guida [deploy Next.js](/it/guides/deploy-nextjs) oppure la pagina [Guida al deploy](/it/guides) per i dettagli.

Ultima revisione:6 settembre 2026

## Prepara il progetto e fai il deploy di deploy react

Inserisci nel repository Git i file delle dipendenze, come `package.json and lockfile` . Comandi di build e avvio predefiniti per questo stack:

```
# Comando di build
npm ci && npm run build

# Comando di avvio
npx serve -s dist -l $PORT
```

Vite variables are read at build time and usually have the VITE_ prefix.

## Deploy automatico direttamente da Git

- Crea un progetto e un nuovo ambiente dal pannello Deplomo.

- Collega il servizio al repository GitHub o GitLab e seleziona il branch.

- Configura i comandi di build e avvio in base al progetto.

- Aggiungi le variabili d’ambiente richieste e avvia il deploy.

- Nella sezione Domini, collega il tuo dominio e configura SSL.

## Distribuisci dalla cartella locale con CLI di Deplomo

```
curl -fsSL https://get.deplomo.com/install.sh | sh
deplomo login
cd your-project
deplomo deploy
deplomo logs
```

La CLI di Deplomo consente di pubblicare il codice locale senza inviarlo prima a Git.

In Windows (PowerShell), usa questo comando al posto di quello di installazione: `irm https://get.deplomo.com/install.ps1 | iex` .

## Accorgimenti per l’ambiente di produzione di React

- Configure SPA routes to fall back to index.html.

- Keep secret keys out of the browser bundle.

- Deploy the API as a separate service and restrict CORS.

- Verifica lo stato di salute e il tempo di avvio del servizio prima di indirizzarvi il traffico.

- Conserva i dati persistenti e i file degli utenti su dischi persistenti o in uno spazio di archiviazione cloud.

## Domande frequenti

### Come si fa il deploy di React su un hosting cloud?

Durante il deploy di React, strumenti come Vite o Webpack compilano il progetto e la cartella dist viene pubblicata sulla piattaforma cloud.

### Come si configurano le route SPA quando si pubblica un progetto React?

Puoi abilitare il fallback routing per evitare errori 404 quando ricarichi una pagina del browser con una route interna dell’app.