Adios
App di front-end · piani da $10/mese

Distribuisci React.Pubblica il sito compilato.

Compila un'applicazione React dal repository esistente, servi l'output generato o esegui il processo Node.js di produzione e collega il rilascio a una route HTTPS stabile.

Mantieni il repositoryEsamina compilazione e logDomini personalizzati e TLS
Distribuzione con Adios

Versione candidata

React

Stato regolare

SORGENTE

Git

REGION

de

ROUTE

HTTPS

01Codice sorgente ricevuto

02Compilazione completata

03Ambiente di esecuzione avviato

04Controllo di integrità superato

Route promossa

production.adios.run

Un percorso verso la produzione per

ReactViteOutput staticoNode.jsDomini personalizzati

Il percorso di produzione

Un progetto React funzionante ha ancora bisogno di un rilascio sicuro.

L'applicazione o il servizio è solo una parte della produzione. Le evidenze della compilazione, lo stato dell'ambiente di esecuzione, l'integrità, i segreti, i log, le route e la versione promossa devono restare consultabili insieme.

Mantieni la compilazione React che usi già

Usa la compilazione npm e il lockfile attuali del progetto. Servi un'app lato client dalla directory di output oppure mantieni il comando Node.js esplicito richiesto da un framework React con rendering sul server.

Promuovi la versione che supera i controlli di integrità

Verifica la route radice e il fallback lato client prima della promozione. Le applicazioni renderizzate sul server dovrebbero esporre un endpoint leggero di integrità sulla porta di esecuzione.

Risali dalla produzione al codice sorgente

Output della compilazione, log di esecuzione, stato di integrità, segreti, domini e versione promossa restano associati al progetto, senza essere sparsi tra strumenti indipendenti.

Dal codice sorgente al rilascio

Tre passaggi mantengono il percorso di distribuzione verificabile.

Usa il codice sorgente e il comportamento di produzione già previsti dal progetto. Il manifesto indica cosa la piattaforma deve compilare o provisionare e come verificare che il risultato sia pronto.

  1. 01

    Parti dal codice sorgente o da un modello

    Porta il repository esistente oppure esamina e distribuisci una delle varianti dei modelli iniziali indicate nei link qui sotto.

    $adios login
  2. 02

    Verifica il contratto di distribuzione

    Mantieni in adios.yaml i comandi, la versione dell'ambiente di esecuzione o del servizio, il comportamento dei controlli di integrità e i riferimenti ai segreti.

    $git diff -- adios.yaml
  3. 03

    Distribuisci e verifica il risultato

    Segui le evidenze della compilazione e dell'esecuzione, verifica la versione candidata e apri la route promossa o la connessione al servizio.

    $adios up
adios.yaml
Il tuo progetto
name: react-app
build_cmd: npm ci && npm run build
start_cmd: npm start

runtime:
  name: node@24
  port: 3000
  health_path: /
Configura npm start per servire la compilazione di produzione. Un progetto solo statico può invece partire dal modello statico Nginx.

Punti di partenza pronti per la distribuzione

Avvia React da un modello quando il repository non è pronto.

Usa il modello iniziale statico Nginx per una compilazione solo client oppure esamina il modello iniziale Next.js in TypeScript se l'app React richiede un ambiente di esecuzione server.

Applicazioni web

Nginx Static

Un progetto base Nginx per HTML, CSS, JavaScript statici e app a pagina singola.

HTMLNessuno
Chiave modello
nginx:static
Ambiente di esecuzione
nginx
Repository
template-nginx-static
Percorso sorgente
.
git clone https://github.com/adiosdotdev/template-nginx-static.git
cd template-nginx-static
adios up

Applicazioni web

Next.js TypeScript con npm

Progetti base Next.js in JavaScript e TypeScript, con npm o pnpm e configurazione runtime Adios.

TypeScriptnpm
Chiave modello
nextjs-typescript
Ambiente di esecuzione
node
Repository
template-nextjs-typescript
Percorso sorgente
.
git clone https://github.com/adiosdotdev/template-nextjs-typescript.git
cd template-nextjs-typescript
adios up

Prima della produzione

Verifica il carico di lavoro.Poi promuovilo.

Il primo rilascio più sicuro parte da una compilazione o configurazione del servizio riproducibile e da un'anteprima che mette alla prova le dipendenze effettivamente usate in produzione.

Sei pronto quando…

  • npm run build succeeds from the committed lockfile.
  • Il comando di produzione serve l'output compilato.
  • Quando necessario, le route lato client usano la struttura iniziale dell'applicazione come fallback.
  • Le variabili di ambiente pubbliche e private sono separate.

Verifica in anteprima quando…

  • Il progetto usa rendering sul server o route API.
  • Gli URL delle risorse dipendono dal percorso base o dall'hostname finale.
  • La configurazione dell'ambiente di esecuzione è attualmente incorporata nel bundle client.

Risposte alle tue domande

Cosa sapere prima di distribuire React.

Verifica i limiti dell'ambiente di esecuzione o del servizio, il percorso del modello, il comportamento in caso di errore e i controlli di produzione prima di creare il primo rilascio.

Adios può distribuire un progetto React esistente?

Sì. Esegui la CLI Adios dalla radice del progetto, mantieni il repository e i file delle dipendenze che usi già e aggiungi un file adios.yaml con compilazione di produzione, comando di avvio, porta e percorso di integrità.

Ho bisogno di Docker per distribuire React?

Non per un ambiente di esecuzione standard supportato. Usa i normali comandi di produzione del progetto in adios.yaml. Se la compilazione richiede pacchetti di sistema insoliti o librerie native, verifica le dipendenze in anteprima prima della promozione.

Adios può distribuire un'app React con Vite?

Sì. Compila il progetto Vite e servi l'output con un server statico di produzione. Verifica la directory di output e il comportamento del fallback SPA prima della promozione.

E se la mia app React usa il rendering lato server?

Usa il server di produzione del framework e dichiara comando di avvio, porta e percorso di integrità. La pagina Next.js descrive il percorso specifico più comune per Next.js.

Cosa succede se la compilazione o il controllo di integrità fallisce?

La versione candidata conserva l'output della compilazione e dell'esecuzione per l'ispezione. Deve superare i controlli di integrità prima di diventare la versione promossa che serve la route dell'applicazione.

Posso partire da un modello invece che da un repository esistente?

Sì. Questa pagina collega i modelli iniziali ufficiali Adios React più pertinenti. Esamina la variante esatta del codice sorgente, distribuiscila dalla console oppure clonala localmente ed esegui adios up.

Il primo rilascio

Distribuisci React con il codice sorgente e le evidenze associati.

Parti dal repository o da un modello, verifica il contratto di distribuzione ed esamina la versione promossa in produzione.