Static Sites

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

Compress all files into a ZIP
Access Dashboard → New Project → Application
Select Static as language
Set index.html as main file
Configure desired subdomain
Click “Create Application”

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 via Let’s Encrypt
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

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