Compile uma aplicação React a partir do repositório existente, sirva os arquivos gerados ou o processo Node.js de produção e conecte a versão a uma rota HTTPS estável.
Versão candidata
React
FONTE
Git
REGION
de
ROUTE
HTTPS
01Código-fonte recebido
02Compilação concluída
03Ambiente de execução iniciado
04Verificação de saúde aprovada
Rota promovida
production.adios.run
Um caminho até a produção para
O caminho até a produção
A aplicação ou o serviço é apenas uma parte da produção. As evidências de compilação, o estado do ambiente de execução, a saúde, os segredos, os logs, as rotas e a versão promovida devem poder ser examinados em conjunto.
Use a compilação npm e o lockfile atuais do projeto. Sirva uma aplicação do cliente a partir do seu diretório de saída ou mantenha o comando Node.js explícito exigido por um framework React com renderização no servidor.
Verifique a rota raiz e o fallback do cliente antes de promover a versão. Aplicações renderizadas no servidor devem expor um endpoint de saúde leve na porta de execução.
Os resultados da compilação, os logs de execução, o estado de saúde, os segredos, os domínios e a versão promovida permanecem vinculados ao projeto, em vez de separados entre ferramentas sem relação entre si.
Do código-fonte à versão publicada
Use o código-fonte e o comportamento de produção que o projeto já tem. O manifesto registra o que a plataforma deve compilar ou provisionar e como verificar se o resultado está pronto.
Traga o repositório existente ou examine e implante uma das variantes específicas de projeto inicial vinculadas abaixo.
$adios loginMantenha os comandos, a versão do ambiente de execução ou do serviço, o comportamento das verificações de saúde e as referências a segredos em adios.yaml.
$git diff -- adios.yamlAcompanhe as evidências de compilação e execução, verifique a versão candidata e abra a rota promovida ou a conexão do serviço.
$adios upname: react-app
build_cmd: npm ci && npm run build
start_cmd: npm start
runtime:
name: node@24
port: 3000
health_path: /Pontos de partida prontos para implantação
Use o projeto inicial estático Nginx para uma compilação exclusiva do cliente ou examine o projeto inicial Next.js com TypeScript quando a aplicação React precisar de um ambiente de execução no servidor.
Aplicativos web
Um projeto inicial de Nginx para HTML, CSS, JavaScript estáticos e aplicativos de página única.
git clone https://github.com/adiosdotdev/template-nginx-static.git
cd template-nginx-static
adios upAplicativos web
Projetos iniciais Next.js em JavaScript e TypeScript, com npm ou pnpm e configuração do ambiente de execução do Adios.
git clone https://github.com/adiosdotdev/template-nextjs-typescript.git
cd template-nextjs-typescript
adios upAntes da produção
O caminho mais seguro para a primeira implantação começa com uma compilação ou configuração de serviço reproduzível e uma prévia que teste as dependências que serão realmente usadas em produção.
Respostas às suas perguntas
Revise os limites do ambiente de execução ou do serviço, o caminho do modelo, o comportamento em caso de falha e as verificações de produção antes de criar a primeira versão.
Sim. Execute a CLI Adios na raiz do projeto, mantenha o repositório e os arquivos de dependências que você já usa e adicione um arquivo adios.yaml que descreva a compilação de produção, o comando de inicialização, a porta e o caminho de saúde.
Não para um ambiente de execução padrão compatível. Use os comandos de produção habituais do projeto em adios.yaml. Se a compilação precisar de pacotes incomuns do sistema operacional ou bibliotecas nativas, verifique essas dependências em uma prévia antes de promover a versão.
Sim. Compile o projeto Vite e sirva a saída com um servidor estático de produção. Confirme o diretório de saída e o comportamento do fallback SPA antes de promover a versão.
Use o servidor de produção do framework e declare seu comando de inicialização, sua porta e seu caminho de saúde. A página de implantação Next.js cobre o caminho específico mais comum desse framework.
A versão candidata mantém os resultados de compilação e execução disponíveis para análise. Ela deve informar estar saudável antes de se tornar a versão promovida que atende a rota da aplicação.
Sim. Esta página inclui links para os projetos iniciais oficiais Adios React mais próximos do seu caso. Examine a variante exata do código-fonte, implante-a no console ou clone-a localmente e execute adios up.
Outros caminhos de implantação
Publique HTML, CSS, JavaScript ou uma compilação estática gerada por um framework a partir de um pequeno projeto inicial Nginx, com rotas, domínios, TLS e estado da versão vinculados.
Implante páginas estáticas, rotas renderizadas no servidor e APIs a partir de uma única versão persistente de Node.js.
Compile uma aplicação Vue a partir do repositório existente, sirva a saída de produção, verifique as rotas do cliente e promova a versão para um domínio HTTPS gerenciado.
Implante o frontend, a API ou o worker que se conecta ao Supabase. Adios executa a versão da aplicação; seu projeto Supabase continua sendo o banco de dados e o serviço de backend externos.
A primeira versão
Comece pelo repositório ou por um modelo, revise o contrato de implantação e examine o que será promovido à versão de produção.