Adios
Aplicaciones de frontend · Planes desde $10/mes

Despliega React.Publica el sitio compilado.

Compila una aplicación React desde su repositorio, sirve los archivos generados o el proceso de Node.js para producción y conecta el lanzamiento a una ruta HTTPS estable.

Conserva el repositorioInspeccionar la compilación y los registrosDominios personalizados y TLS
Despliegue de Adios

Versión candidata

React

Saludable

CÓDIGO FUENTE

Git

REGION

de

ROUTE

HTTPS

01Código fuente recibido

02Compilación completada

03Entorno de ejecución iniciado

04Control de salud aprobado

Ruta promovida

production.adios.run

Un camino de producción para

ReactViteSalida estáticaNode.jsDominios personalizados

El camino de producción

Un proyecto React funcional aún necesita un lanzamiento seguro.

La aplicación o el servicio son solo una parte de producción. Las pruebas de compilación, el estado del entorno de ejecución, la salud, los secretos, los registros, las rutas y la versión promovida deben permanecer disponibles para inspección conjunta.

Conserva la compilación de React que ya usas

Usa el comando de compilación de npm y el archivo de bloqueo actuales del proyecto. Sirve una aplicación del lado del cliente desde su directorio de salida o conserva el comando explícito de Node.js que necesite un framework React con renderizado en el servidor.

Promociona la versión que indique un estado correcto

Verifica la ruta raíz y el fallback del lado del cliente antes de la promoción. Las aplicaciones con renderizado en el servidor deben exponer un endpoint ligero de comprobación de estado en el puerto del entorno de ejecución.

Rastrea la producción hasta el código fuente

Los resultados de compilación, los registros del entorno de ejecución, el estado, los secretos, los dominios y el lanzamiento promocionado permanecen vinculados al proyecto, en lugar de repartirse entre herramientas independientes.

Del código fuente al lanzamiento

Tres pasos mantienen el camino de despliegue disponible para revisión.

Usa el código fuente y el comportamiento de producción que ya tiene el proyecto. El manifiesto registra lo que la plataforma debe compilar o aprovisionar y cómo llega a estar listo el resultado.

  1. 01

    Empieza con código fuente o una plantilla

    Trae el repositorio existente o inspecciona y despliega una de las variantes exactas de plantillas iniciales enlazadas abajo.

    $adios login
  2. 02

    Revisar el contrato de despliegue

    Mantén los comandos, la versión del entorno de ejecución o servicio, el comportamiento de salud y las referencias a secretos en adios.yaml.

    $git diff -- adios.yaml
  3. 03

    Desplegar e inspeccionar el resultado

    Sigue las pruebas de compilación y ejecución, verifica la versión candidata y abre la ruta promovida o la conexión del servicio.

    $adios up
adios.yaml
Tu proyecto
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 para servir la compilación de producción. Un proyecto exclusivamente estático puede empezar con la plantilla estática de Nginx.

Puntos de partida desplegables

Empieza con React desde una plantilla cuando el repositorio no esté listo.

Usa el proyecto inicial estático de Nginx para una compilación solo del cliente o revisa el proyecto inicial de Next.js con TypeScript si la aplicación React necesita un entorno de ejecución en el servidor.

Aplicaciones web

Nginx Static

Una plantilla inicial Nginx para HTML, CSS y JavaScript estáticos y aplicaciones de una sola página.

HTMLNinguno
Clave de plantilla
nginx:static
Entorno de ejecución
nginx
Repositorio
template-nginx-static
Ruta de código fuente
.
git clone https://github.com/adiosdotdev/template-nginx-static.git
cd template-nginx-static
adios up

Aplicaciones web

Next.js TypeScript con npm

Plantillas iniciales Next.js en JavaScript y TypeScript con npm o pnpm y configuración del entorno de ejecución de Adios.

TypeScriptnpm
Clave de plantilla
nextjs-typescript
Entorno de ejecución
node
Repositorio
template-nextjs-typescript
Ruta de código fuente
.
git clone https://github.com/adiosdotdev/template-nextjs-typescript.git
cd template-nextjs-typescript
adios up

Antes de la producción

Verifica la carga de trabajo.Después, promuévelo.

El primer lanzamiento más seguro empieza con una compilación o configuración de servicio reproducible y una vista previa que pruebe las dependencias que usará producción.

Listo cuando...

  • npm run build succeeds from the committed lockfile.
  • El comando de producción sirve los archivos compilados.
  • Las rutas del lado del cliente usan el shell de la aplicación como fallback cuando es necesario.
  • Las variables de entorno públicas y privadas están separadas.

Previsualiza cuando…

  • El proyecto usa renderizado en el servidor o rutas de API.
  • Las URL de los recursos dependen de la ruta base o del nombre de host finales.
  • La configuración del entorno de ejecución está actualmente integrada en el bundle del cliente.

Preguntas, respuestas

Qué saber antes de desplegar React.

Revisa el límite del entorno de ejecución o servicio, la ruta de la plantilla, el comportamiento de fallos y las comprobaciones de producción antes de crear el primer lanzamiento.

¿Puede Adios desplegar un proyecto de React existente?

Sí. Ejecuta la CLI de Adios desde la raíz del proyecto, conserva el repositorio y los archivos de dependencias que ya usas y añade un archivo adios.yaml que describa la compilación de producción, el comando de inicio, el puerto y la ruta de comprobación de estado.

¿Necesito Docker para desplegar React?

No para un entorno de ejecución estándar compatible. Usa los comandos de producción habituales del proyecto en adios.yaml. Si la compilación necesita paquetes poco habituales del sistema operativo o bibliotecas nativas, verifica esas dependencias en una vista previa antes de la promoción.

¿Puede Adios desplegar una aplicación React con Vite?

Sí. Compila el proyecto Vite y sirve sus archivos con un servidor estático de producción. Confirma el directorio de salida y el comportamiento de fallback de la SPA antes de la promoción.

¿Qué ocurre si mi aplicación React usa renderizado del lado del servidor?

Usa el servidor de producción del framework y declara su comando de inicio, puerto y ruta de comprobación de estado. La página de Next.js cubre el proceso habitual específico de Next.js.

¿Qué ocurre cuando falla la compilación o la comprobación de estado?

El lanzamiento candidato conserva sus resultados de compilación y ejecución para su inspección. Debe indicar un estado correcto antes de convertirse en la versión promocionada que sirve la ruta de la aplicación.

¿Puedo empezar con una plantilla en lugar de un repositorio existente?

Sí. Esta página enlaza a los proyectos iniciales oficiales de React de Adios más adecuados. Inspecciona la variante exacta del código fuente, despliégala en la consola o clónala localmente y ejecuta adios up.

La primera versión

Desplegar React con el código fuente y las pruebas vinculados.

Parte del repositorio o de una plantilla, revisa el contrato de despliegue e inspecciona lo que se convierte en la versión promovida de producción.