Como hospedar um site estático na Vertra Cloud

Requisitos

Arquivos HTML, CSS e JavaScript
Conta na Vertra Cloud

Estrutura do projeto

my-site/
├── index.html
├── css/
│   └── style.css
├── js/
│   └── app.js
├── images/
│   └── logo.png
└── vertracloud.config  (optional)

Configuração

vertracloud.config

MAIN=index.html
SUBDOMAIN=my-site

Exemplo: página de apresentação

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Site</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <header>
    <h1>Welcome to My Site</h1>
    <p>Hosted on Vertra Cloud</p>
  </header>
  <script src="js/app.js"></script>
</body>
</html>

Deploy

Painel
CLI
VS Code

Compacte o projeto em um .zip (pastas como node_modules, venv e target são removidas automaticamente) ou envie para o GitHub.
No painel, clique em Novo Projeto e envie o .zip ou cole a URL do repositório.
Em Build, confira o runtime (Static), o arquivo principal (index.html) e a memória. Os comandos de start e de build ficam em Configurações Avançadas.
Adicione suas variáveis de ambiente em Ambiente.
Em Rede, ative a publicação web para que a aplicação receba um endereço *.vertraweb.app (plano Pro ou superior, 512 MB de memória). A aplicação precisa escutar na porta 80.
Revise e faça o deploy. Acompanhe a saída na aba Logs.

vertra upload
vertra logs -f

Veja CLI para instalação e login.

O passo a passo completo está em Primeiro deploy.

Frameworks de frontend compilados

Para projetos React, Vue, Svelte ou Angular, faça o build localmente e envie somente a pasta de saída:

React (Vite)
Vue
Svelte
Angular

npm run build
# Compacte o conteúdo da pasta dist/

npm run build
# Compacte o conteúdo da pasta dist/

npm run build
# Compacte o conteúdo da pasta build/

ng build
# Compacte o conteúdo da pasta dist/project-name/

Envie somente o conteúdo da pasta de build (arquivos compilados), e não o código-fonte inteiro. O arquivo index.html precisa estar na raiz do ZIP.

Observações

Sites estáticos não precisam de servidor de backend
Todas as rotas são servidas pelo servidor interno da plataforma
SSL automático (HTTPS) em todos os domínios
CDN e cache automático para os arquivos estáticos
Não há suporte a reescrita de rotas (SPAs com roteamento no cliente precisam de configuração especial)

Visão geral

Bots

Node.js

Python

Outras linguagens

Como hospedar um site estático na Vertra Cloud

Requisitos

Estrutura do projeto

Configuração

vertracloud.config

Exemplo: página de apresentação

index.html

Deploy

Frameworks de frontend compilados

Observações

​Requisitos

​Estrutura do projeto

​Configuração

​vertracloud.config

​Exemplo: página de apresentação

​index.html

​Deploy

​Frameworks de frontend compilados

​Observações

Requisitos

Estrutura do projeto

Configuração

vertracloud.config

Exemplo: página de apresentação

index.html

Deploy

Frameworks de frontend compilados

Observações