Compilez une application React à partir de son dépôt existant, servez les fichiers générés ou lancez le processus Node.js de production, puis associez cette version à une route HTTPS stable.
Version candidate
React
SOURCE
Git
REGION
de
ROUTE
HTTPS
01Source reçue
02Compilation terminée
03Environnement d’exécution démarré
04Vérification de santé réussie
Route promue en production
production.adios.run
Une mise en production adaptée à
Le parcours de mise en production
L’application ou le service ne représente qu’une partie de la production. Les résultats de compilation, l’état d’exécution, les contrôles de santé, les secrets, les journaux, les routes et la version promue doivent pouvoir être examinés ensemble.
Utilisez la compilation npm et le fichier de verrouillage actuels du projet. Servez une application cliente depuis son répertoire de sortie, ou conservez la commande Node.js explicite requise par un framework React avec rendu côté serveur.
Vérifiez la route racine et le fallback côté client avant la promotion. Les applications rendues côté serveur doivent exposer un endpoint léger de contrôle de santé sur le port d’exécution.
Les résultats de compilation, les journaux d’exécution, l’état de santé, les secrets, les domaines et la version promue restent associés au projet au lieu d’être dispersés entre des outils indépendants.
Du code source à la mise en production
Utilisez le code source et le fonctionnement en production déjà définis pour le projet. Le manifeste décrit ce que la plateforme doit compiler ou provisionner et les critères à remplir pour que le résultat soit prêt.
Importez le dépôt existant, ou examinez et déployez l’une des variantes de modèles précisément référencées ci-dessous.
$adios loginConsignez dans adios.yaml les commandes, la version de l’environnement d’exécution ou du service, les critères de santé et les références aux secrets.
$git diff -- adios.yamlSuivez les résultats de compilation et d’exécution, vérifiez la version candidate, puis ouvrez la route ou la connexion de service promue en production.
$adios upname: react-app
build_cmd: npm ci && npm run build
start_cmd: npm start
runtime:
name: node@24
port: 3000
health_path: /Points de départ déployables
Utilisez le modèle statique Nginx pour une compilation uniquement côté client, ou examinez le modèle Next.js TypeScript si l’application React nécessite un environnement d’exécution serveur.
Applications Web
Un projet de démarrage Nginx pour les sites statiques HTML, CSS et JavaScript, ainsi que les applications monopages.
git clone https://github.com/adiosdotdev/template-nginx-static.git
cd template-nginx-static
adios upApplications Web
Projets de démarrage Next.js en JavaScript et TypeScript utilisant npm ou pnpm, avec la configuration d’exécution Adios.
git clone https://github.com/adiosdotdev/template-nextjs-typescript.git
cd template-nextjs-typescript
adios upAvant production
Pour sécuriser la première mise en production, partez d’une compilation ou d’une configuration de service reproductible et d’un aperçu qui sollicite les dépendances réellement utilisées en production.
Les réponses à vos questions
Vérifiez les limites de l’environnement d’exécution ou du service, le chemin du modèle, le comportement en cas d’échec et les contrôles de production avant de créer la première version.
Oui. Exécutez la CLI Adios depuis la racine du projet, conservez votre dépôt et vos fichiers de dépendances et ajoutez un fichier adios.yaml décrivant la compilation de production, la commande de démarrage, le port et le chemin de contrôle de santé.
Pas pour un environnement d’exécution standard pris en charge. Utilisez les commandes de production habituelles du projet dans adios.yaml. Si la compilation nécessite des packages système inhabituels ou des bibliothèques natives, vérifiez ces dépendances dans un aperçu avant la promotion en production.
Oui. Compilez le projet Vite et servez les fichiers générés avec un serveur statique de production. Vérifiez le répertoire de sortie et le fallback SPA avant la promotion.
Utilisez le serveur de production du framework et déclarez sa commande de démarrage, son port et son chemin de contrôle de santé. La page Next.js présente le parcours habituel propre à Next.js.
La version candidate conserve ses résultats de compilation et d’exécution pour vérification. Ses contrôles de santé doivent réussir avant sa promotion comme version desservant la route de l’application.
Oui. Cette page référence les modèles Adios officiels les plus proches pour React. Examinez la variante exacte du code source, déployez-la dans la console ou clonez-la localement et exécutez adios up.
Autres options de déploiement
Publiez du HTML, du CSS, du JavaScript ou une compilation statique générée par un framework à partir d’un petit modèle Nginx, avec les routes, les domaines, TLS et l’état de la version associés.
Déployez des pages statiques, des routes rendues côté serveur et des API au sein d’une même version Node.js persistante.
Compilez une application Vue à partir de son dépôt existant, servez les fichiers de production, vérifiez les routes côté client et promouvez cette version sur un domaine HTTPS managé.
Déployez le frontend, l’API ou le worker qui se connecte à Supabase. Adios exécute la version de l’application ; votre projet Supabase reste le service externe de base de données et de backend.
La première version
Partez du dépôt ou d’un modèle, vérifiez le contrat de déploiement et examinez la version qui sera promue en production.