PaaS per applicazioni React e Vite

# Opzioni PaaS per progetti React e Vite

Se disponibili, le opzioni possono includere deploy da Git e build. Dominio e certificati dipendono dalla configurazione.

[Inizia ora](https://panel.deplomo.com/signup)[Guida al deploy di React](/it/guides/deploy-react)

## Funzionalità PaaS per React

Build, routing SPA e deploy dipendono dalla configurazione del progetto e del servizio.

### Deploy di applicazioni React da Git, se supportato

Se disponibile, collega il repository Git e configura build e branch di deploy.

### Build React con Vite, Webpack e package manager

Compatibilità con Vite, Webpack, npm, Yarn o pnpm dipende dalla configurazione del progetto e del servizio.

### Routing client-side per applicazioni SPA

Per una SPA con React Router, configura un fallback del server verso `index.html`, così le richieste dirette alle route client-side possono caricare l’app. Verifica le impostazioni di hosting e routing del progetto.

### Domini e certificati TLS

Le opzioni per sottodomini, domini personalizzati e certificati dipendono dal servizio e dalla configurazione DNS.

### Accesso ai registry durante le build

Installa dipendenze npm e configura API esterne con credenziali e impostazioni di rete previste dal progetto. Restano valide le condizioni dei fornitori.

## Domande frequenti sui progetti React

Risposte alle domande su deploy, routing SPA, Vite e domini personalizzati:

Come configurare le route di React Router dopo un refresh?

Posso distribuire progetti Vite e TypeScript?

Come configuro le variabili d’ambiente React nel file `.env`?

Posso collegare un dominio personalizzato e configurare HTTPS?

Quali sono i limiti del piano gratuito?

## Guida al deploy di applicazioni React SPA

React è usato per dashboard, applicazioni web e interfacce interattive. Per distribuire una SPA, valuta build, routing e consegna degli asset; funzionalità e prestazioni dipendono dalla configurazione.

### Quali aspetti valutare per ospitare un progetto React?

Con alcune configurazioni cPanel o DirectAdmin, si esegue la build in locale e si carica la cartella `dist` o `build` tramite file manager o FTP. Il routing client-side può richiedere anche una regola di rewrite come `.htaccess`. Passaggi e strumenti disponibili dipendono dal provider di hosting.

Un ambiente PaaS può automatizzare alcune fasi della build se il servizio supporta il repository e il package manager del progetto. Verifica versioni e configurazione.

### Vite e build dei progetti frontend

Vite è uno strumento per build frontend. Durata della build e caching dipendono da progetto, dipendenze e risorse disponibili.

Scegli un hosting compatibile con le esigenze di build e deploy del progetto React. Prestazioni e stabilità dipendono da configurazione, risorse e carico.

### Confronta PaaS React, hosting condiviso e server virtuale

La tabella riassume aspetti da valutare; le funzionalità dipendono dal provider, dal piano e dalla configurazione.

<table class="w-full text-start text-sm"><thead class="border-b border-border/80 bg-muted/60 text-xs font-bold text-foreground"><tr><th class="p-4">Aspetto</th><th class="p-4 text-deplomo-600 dark:text-deplomo-400 font-extrabold">PaaS React Deplomo</th><th class="p-4">hosting condiviso tradizionale (cPanel)</th><th class="p-4">server virtuale grezzo (VPS)</th></tr></thead><tbody class="divide-y divide-border/60 text-muted-foreground"><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">Metodo di installazione e deploy</td><td class="p-4 font-medium text-foreground">Deploy da Git, se l’integrazione è disponibile.</td><td class="p-4">Upload manuale dei file di build tramite FTP, se supportato.</td><td class="p-4">Configurazione manuale di Nginx, SSH e script, secondo l’ambiente.</td></tr><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">Configurazione del routing per React Router</td><td class="p-4 font-medium text-foreground">La gestione delle route SPA può richiedere rewrite del web server.</td><td class="p-4">Può richiedere regole di rewrite in `.htaccess`.</td><td class="p-4">Può richiedere la configurazione di `try_files` in Nginx.</td></tr><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">Build nel servizio PaaS</td><td class="p-4 font-medium text-foreground">Build isolate, accesso ai pacchetti e caching dipendono dal servizio e dalla configurazione.</td><td class="p-4">Il supporto alla build dipende dal pacchetto di hosting; verifica se può eseguire `npm run build`.</td><td class="p-4">Richiede risorse server e la gestione dell’accesso ai registri dei pacchetti</td></tr><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">Emissione e rinnovo dei certificati SSL</td><td class="p-4 font-medium text-foreground">Funzionalità e prezzi dipendono dal piano e dal servizio.</td><td class="p-4">Dipendono dalle estensioni e dalle condizioni del provider.</td><td class="p-4">Emissione e rinnovo TLS dipendono dal provider e dalla configurazione.</td></tr><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">Modalità di tariffazione</td><td class="p-4 font-medium text-foreground">Pacchetti mensili in euro con limiti definiti.</td><td class="p-4">Durata e condizioni dipendono dal pacchetto scelto.</td><td class="p-4">Prezzo e risorse dipendono dal pacchetto selezionato.</td></tr><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">Risorse e scaling</td><td class="p-4 font-medium text-foreground">Disponibilità e scaling dipendono dalla configurazione e dai limiti del pacchetto.</td><td class="p-4">Le prestazioni dipendono dalle risorse e dal carico.</td><td class="p-4">Un server virtuale richiede attività di gestione e manutenzione.</td></tr></tbody></table>

Un PaaS può semplificare alcune fasi del deploy. Risultato e responsabilità dipendono dalla configurazione e dal servizio.

### Configurare un deploy React

Il deploy sulla piattaforma Deplomo si svolge in pochi passaggi. Per i dettagli, consulta la documentazione e la guida [Guida al deploy](/it/guides) al deploy React [deploy React](/it/guides/deploy-react) con le istruzioni passo passo:

- **Collega l’account GitHub o GitLab** Accedi al pannello e autorizza l’accesso al repository, se l’integrazione è disponibile.

- **Seleziona branch e configurazione di build** Seleziona il branch di deploy, per esempio `main` o `master`. La piattaforma può rilevare comandi come `npm run build` e una cartella di output come `dist`; verifica le impostazioni per il tuo progetto.

- **Configura le variabili d’ambiente** Configura le variabili richieste. Le variabili incorporate nel bundle client possono essere visibili agli utenti: non inserire segreti o chiavi private nel codice client.

- **Build e configurazione del dominio** Quando il servizio è disponibile, segui le istruzioni per build, deploy e dominio. Tempi e raggiungibilità dipendono dalla configurazione.

Se il backend usa tecnologie JavaScript, consulta la documentazione dei [deploy Node.js](/it/guides/deploy-nodejs) servizi specializzati [hosting cloud nodejs](/it/products/nodejs) per verificare le opzioni di connessione tra frontend e backend. Rete, accesso e latenza dipendono dalla configurazione.

### Altre tecnologie e framework frontend

Se il progetto richiede rendering lato server (SSR) o strumenti SEO, verifica la compatibilità del framework e le opzioni di hosting. [hosting Next.js](/it/products/nextjs) con il servizio selezionato.

Per altri ecosistemi di sviluppo, valuta servizi come [hosting Vue](/it/products/vue) Astro [hosting Svelte](/it/products/svelte) e framework orientati ai contenuti come [hosting Astro](/it/products/astro) Verifica compatibilità e condizioni del servizio per ogni progetto: prestazioni e disponibilità dipendono dalla configurazione.

### Aspetti da valutare per team e sviluppatori React

Un PaaS per React può includere strumenti utili alla build e al deploy, secondo la configurazione:

- **Accesso ai registry e alle API** Download da npm e connessioni a servizi esterni dipendono da rete, credenziali e condizioni dei provider.

- **Distribuzione di asset frontend** Consegna e prestazioni dipendono dall’architettura, dalla rete e dalla configurazione; non sono garantite velocità o continuità specifiche.

- **TypeScript e configurazione di build** Compatibilità e consumo di memoria dipendono dalle versioni e dalle risorse assegnate.

- **Piano gratuito e limiti** Il piano gratuito include risorse entro limiti definiti; non è un credito di prova. La creazione di nuovi servizi è al momento sospesa.

### Scegli un hosting React compatibile con il progetto e valuta deploy, routing SPA e prestazioni in base alla configurazione. Scalabilità, disponibilità e risorse dipendono dal servizio.

La creazione di nuovi servizi è attualmente sospesa. Consulta i pacchetti e le opzioni disponibili prima di pianificare un deploy.

La creazione di nuovi servizi è al momento sospesa. Consulta i pacchetti disponibili prima di pianificare il deploy.

## Consulta le opzioni di deploy React

Se Git è supportato, collega il repository e segui le istruzioni del pannello.

[La creazione di nuovi servizi è attualmente sospesa. Consulta i pacchetti disponibili per valutarne limiti e condizioni.](https://panel.deplomo.com/signup)