How to Host a Static Site on Vertra Cloud

Requirements

HTML, CSS and JavaScript files
Account on Vertra Cloud

Project Structure

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

Configuration

vertracloud.config

MAIN=index.html
SUBDOMAIN=my-site

Example: Landing Page

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

Dashboard
CLI
VS Code

Compress the project into a .zip (folders like node_modules, venv and target are removed automatically) or push it to GitHub.
In the dashboard, click New Project and upload the .zip or paste the repository URL.
In Build, check the runtime (Static), the main file (index.html) and the memory. Start and build commands are under Advanced settings.
Add your environment variables in Environment.
In Network, turn on web publishing so the app gets a *.vertraweb.app address (512 MB of memory or more). The app must listen on port 80.
Review and deploy. Follow the output in the Logs tab.

vertra upload
vertra logs -f

See CLI for installation and login.

The full walkthrough is in First deploy.

Compiled Frontend Frameworks

For React, Vue, Svelte or Angular projects, build locally and send only the output folder:

React (Vite)
Vue
Svelte
Angular

npm run build
# Compress the contents of the dist/ folder

npm run build
# Compress the contents of the dist/ folder

npm run build
# Compress the contents of the build/ folder

ng build
# Compress the contents of the dist/project-name/ folder

Send only the contents of the build folder (compiled files), not the entire source code. The index.html file must be at the root of the ZIP.

Notes

Static sites do not need a backend server
All routes are served by the platform’s internal server
Automatic SSL (HTTPS) on every domain
CDN and automatic caching for static assets
No support for route rewriting (SPAs with client-side routing need special configuration)

Overview

Bots

Node.js

Python

Other Languages

Guides

How to Host a Static Site on Vertra Cloud

Requirements

Project Structure

Configuration

vertracloud.config

Example: Landing Page

index.html

Deploy

Compiled Frontend Frameworks

Notes

​Requirements

​Project Structure

​Configuration

​vertracloud.config

​Example: Landing Page

​index.html

​Deploy

​Compiled Frontend Frameworks

​Notes

Requirements

Project Structure

Configuration

vertracloud.config

Example: Landing Page

index.html

Deploy

Compiled Frontend Frameworks

Notes