Requirements
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)
